140 HTML кольорів з назвами, HEX та RGB кодами

У HTML за допомогою спеціального коду можна змінити колір тексту, фону, посилання, шрифту, таблиці чи всієї сторінки.

Колір у HTML

Значення властивості color можна задати трьома основними способами:

• за назвою кольору: red, green, blue, gold, olive, magenta, cyan, brown і так далі
• за шістнадцятковим значенням (hexadecimal number): від #000000 до #ffffff
• за кодом кольору в RGB палітрі: від rgb(0, 0, 0) до rgb(255, 255, 255)

З назвою кольору все відносно просто. Єдине обмеження в тому, що ми повинні вибирати колір із кількох попередньо встановлених варіантів.

У стандартному наборі HTML 140 кольорів і якщо тобі потрібен якийсь колір, який там не представлений, то потрібно буде використовувати шістнадцятковий формат (HEX код) або RGB.

HEX код для кольору в HTML

HEX код завжди починається з символу # за яким слідує трибайтове шістнадцяткове число (всього 6 цифр). Кожен байт відповідає за інтенсивність одного з трьох основних кольорів: перший відповідає за інтенсивність червоного кольору, другий – зеленого, третій – синього:

Значення 00 – найнижча інтенсивність, FF – найвища. Наприклад, для отримання білого кольору потрібно змішати три основних кольори з максимальною інтенсивністю: #FFFFFF . Для отримання чорного кольору, відповідно, інтенсивність усіх кольором має бути мінімальною: #000000.

— Так само як на уроках малювання — для отримання будь-якого кольору потрібно просто змішати червоний, синій і зелений.

- Точно. Для отримання червоного кольору потрібно байту, який відповідає за червоний колір, встановити максимальне значення, а для інших — мінімальне: ##FF0000 .

— Тоді для зеленого HEX код буде таким: #00FF00.

RGB палітра HTML кольорів

У RGB палітрі колір додається за таким же принципом: задається інтенсивність червоного (red), зеленого (green) і синього (blue) кольорів. Від сюди й абревіатура RGB.Тільки інтенсивність вказуватись тут числами 0 від 225, де 0 - найнижча інтенсивність, 225 - найвища. Наприклад, зелений колір виглядатиме таким чином: rgb(0, 225, 0) ;

Всі ці значення підходять і для інших ситуацій, де потрібний колір, наприклад background-color .

Таблиця з 140 HTML кольорів з назвами та кодами (рядок, HEX, rgb)

У цій таблиці всі HTML кольори мають англійську назву і HTML код. Якщо ти хочеш стати FULL STACK JS розробником - реєструйся безкоштовно на мій курс з веб програмування