На жаль, смакові відчуття на сайті відобразити поки неможливо. Але це можна сповна компенсувати за допомогою кольорової гами. Адже кольору html дозволяють відобразити будь-який з мільйонів відтінків. Так що «кольорових олівців» в його наборі набагато більше, ніж сім.
Колірна гамма в html
В html колір може бути заданий в декількох форматах:
1. У вигляді шістнадцятирічного значення - використовуються код, заданий в шістнадцятковій системі числення. Такі коди квітів в html складаються з трьох пар шістнадцяткових чисел. Кожна пара відповідає за насиченість відтінку своїм основним кольором:
На початку коду (перед цифрами) ставиться решітка. Так позначається шістнадцятковий код кольору. Крім чисел від 1 до 9 в цій системі числення використовуються літери латинського алфавіту (A, B, C, D, E, F).
Наприклад, код білого кольору в html матиме вигляд #FFFFFF:
2. Ключовим словом - зараз html підтримує близько 147 ключових слів. Але не всі з цих слів є унікальними. Деякі з них посилаються на один і той же відтінок кольору.
Сірий колір позначається двома ключовими словами: grey і gray. Їх шістнадцятковий код (HEX) задається одним і тим же значенням # 808080.
3. У форматі RGB - це кодування квітів в html заснована на використанні трьох значень, що задаються в діапазоні від 0 до 255. Кожне з них визначає насиченість відтінку одним з основних кольорів:
Номер кольору в форматі RGB записується в такому вигляді: rgb (0, 210, 100).
4. У форматі RGBA - він представляє собою вдосконалений формат RGB. де четвертим значенням задається прозорість кольору у вигляді десяткового дробу від 0 до 1.
Таблиці квітів html і генератори кольору
При такому великому розкиді форматів установки кольору легко заплутатися. Тому була придумана спеціальна таблиця кольорів. У ній до 147 ключовим назвами колірних відтінків наведені коди відповідності у всіх основних стандартах представлення кольору. Додатково кожне поле забезпечено планкою для візуального підбору кольору. Одна з таких таблиць представлена на сайті colorscheme.ru:
Але навіть за допомогою такої структуризації відповідності підбір потрібного відтінку може виявитися скрутним. Та й не факт, що в таблиці кодів квітів знайдеться потрібний.
Щоб обійти цю перешкоду і максимально спростити підбір потрібного відтінку, були розроблені інтерактивні веб-сервіси. Їх призначений для користувача інтерфейс може дещо різнитися між собою.
На сайті html-color-codes.info генератор кольорів має такий вигляд:
А в рамках сервісу color-picker.appsmaster.co цей інструмент реалізований трохи інакше:
Насиченість кожного кольору в генераторі задається за допомогою спеціальних повзунків. Візуально відтінок відображається кольором рамки і прямокутника з лівого боку. Внизу в 3 полях відображається колірний код в основних форматах.
Техніка безпеки при роботі з кольором
Тоді була виведена велика таблиця безпечних кольорів. У ній зазначалося 216 відтінків, які могли бути відображені без спотворення в будь-якому з браузерів того часу. І до цього дня ця «велика рукопис» ще доступна на деяких ресурсах:
У наш час все змінилося. Тому всі правила техніки безпеки при роботі з кольором в html повністю анулюються. Адже сучасне комп'ютерне залізо підтримує більше 16 мільйонів різних відтінків. І 216 безпечних кольорів канули в лету.
Основи колірної гармонії
Природним гармонійним відчуттям смаку наділені далеко не всі з нас. Тому правильний підбір кольору може стати справжнім випробуванням. Але, хвала науці, навіть колірну гармонію їй вдалося описати у вигляді декількох схем. Всі вони засновані на використанні колірного кола. Схеми гармонійного підбору кольорів в html:
- Схема паралельних квітів - коли обидва відтінку в колірному колі знаходяться паралельно;
- Тріадних схема - в основі всіх кутів трикутника лежить один з кольорів;
- Монохроматична - коли підбираються кілька близьких відтінків одного кольору;
- Аналогова - більш розширена версія монохроматичної схеми. При цьому відтінки одного кольору знаходяться на певному віддаленні.
Реалізація всіх цих схем добре представлена в рамках сервісу paletton.com. Він дозволяє без праці здійснити гармонійний підбір кольору.
Але не варто сприймати ці схеми як еталони колірної гармонії. У цій справі ніхто не відміняв творчого підходу. І може виявитися так, що саме ви відкриєте нову схему ідеального кольору.