Как задать цвет в CSS? Видел и слова, и решётки с буквами, и rgb — в чём разница?

Да, в твоём примере все три записи дают один и тот же красный. Просто это три способа назвать цвет:

1. По имени — самый простой, но имён всего ~140 штук:

color: red;
color: tomato;

2. HEX (шестнадцатеричный) — решётка и 6 символов: первые две — красный, вторые две — зелёный, последние — синий, от 00 до ff:

color: #ff0000; /* красный */
color: #000000; /* чёрный */
color: #ffffff; /* белый */

3. RGB — три числа от 0 до 255 (красный, зелёный, синий):

color: rgb(255, 0, 0); /* красный */

Для начала бери имена, где есть (black, white, gray), а для своих цветов — HEX, его проще скопировать из любого цветового пикера.