Помічник з кольорів для написання HTML і CSS. Введіть будь-який колір як #3498db, rgb(52,152,219), hsl(204,70%,53%) або назву CSS на кшталт dodgerblue, і вкладка Конвертація миттєво покаже всі еквівалентні формати, готові до вставки CSS-декларації і пропозицію чорного/білого переднього плану. Вкладка Назви перелічує всі 148 ключових слів кольорів CSS, включно з rebeccapurple (з пошуком, клацніть, щоб скопіювати), а Веб-безпечні пропонують класичну палітру з 216 кольорів. Усе працює локально — без вивантаження, без сервера. Цей інструмент орієнтований на код; для дизайнерської роботи (палітри, градієнти, контраст, змішування) див. також Піпетка кольорів.
Режим:
Оберіть або введіть колір — еквіваленти і фрагменти CSS оновлюються наживо.
Ці кольори відображаються без дизерингу на класичних 256-кольорових дисплеях.
Як формати пов'язані:#3498db == rgb(52, 152, 219) == hsl(204, 70%, 53%). Відтінок HSL — у градусах (0–360), насиченість/світлість — у відсотках. Альфа (#RRGGBBAA, rgba(), hsla()) розпізнається і передається в кожному виводі. Назви ключових слів CSS спершу зіставляються точно; якщо жодне ключове слово не збігається, пропонується найближче з 148 ключових слів як дизайнерська підказка.
Що таке код кольору CSS?
Код кольору CSS — це числовий рецепт одного кольору на екрані: скільки червоного, зеленого і синього світла змішати. Кожна нотація — шістнадцятковий шестицифровий як #3498db, функціональний rgb(52, 152, 219), hsl(204, 70%, 53%) і 148 попередньо визначених ключових слів — розв'язується в те саме 24-бітне значення sRGB. Hex і rgb() прямо вказують канали, тоді як hsl() описує колір як кут на колірному колі плюс насиченість і світлість, що часто зручніше для підбору відтінків.
256 рівнів на канал дають 16 777 216 адресованих кольорів; 8-цифрові форми (#RRGGBBAA, rgba(), hsla()) просто додають до того самого кольору значення альфа (непрозорості).
