Конвертор на цветове
Въведете цвят в произволен формат и веднага получете всички конвертирания — RGB, Hex, HSL, HWB, CMYK и NCol.
Какво е конверторът на цветове?
Конверторът на цветове превежда цветове между различните системи за кодиране, използвани в уеб дизайна, печата и дигиталното изкуство. Българските дизайнери работят с палитри, обхващащи топлооранжевото на рози от Розовата долина, охровото на Велико Търново, наситеното синьо на Черно море и зеленото на Рила.
Инструментът поддържа шест формата: RGB, Hex, HSL, HWB, CMYK и Natural Color (NCol). Освен това разпознава най-близкото CSS цветово наименование, когато съответствието е достатъчно точно.
Цветови модели накратко
RGB
Адитивен модел за екрани. Всеки канал 0–255. Всичко на максимум дава бяло.
Hex
RGB шестнадесетична нотация, широко използвана в CSS. Напр.: #e85d26 (кехлибарено-оранжево от Розовата долина).
HSL
Описва цвят с ъгъл на оттенъка (0–360°), наситеност и светлина. Близо до човешкото възприятие.
HWB
Алтернатива на HSL. Използва оттенък, белота и чернота. Лесно изсветляване или потъмняване.
CMYK
Субтрактивен модел за печат: циан, магента, жълто и черно.
Natural Color (NCol)
W3C Natural Color: оттенък с буква + процентно отместване, белота и чернота.
Български цветови примери
Розово-оранжево от долината (#e85d26)
Топло оранжево-розово на розовите масиви около Казанлък (RGB 232, 93, 38). HSL около 20°, 80%, 53%). България произвежда около 70% от световното розово масло.
Охре от Велико Търново (#c89040)
Топлото охре на кулите и стените на Царевец (RGB 200, 144, 64). HSL около 36°, 52%, 52%). Средновековната крепост е символ на Второто Българско царство.
Черноморско синьо (#1a5f9e)
Дълбокото синьо на Черно море по булгарското крайбрежие (RGB 26, 95, 158). HSL около 209°, 72%, 36%).
Рилско зелено (#2d6e4e)
Дълбоко зелено на вековните борови гори в Рила (RGB 45, 110, 78). HSL около 151°, 42%, 30%). В Рила се намират Рилският манастир и Мусала — най-високият връх на Балканите.
Как работи
- 1
Изберете входен формат, съответстващ на типа на вашия цветови код.
- 2
Въведете стойностите на цвета. Резултатите се актуализират незабавно — не е нужно да натискате бутон.
- 3
Конверторът нормализира всички входни данни до вътрешно RGB представяне като универсална референтна точка.
- 4
От тази RGB тройка стойностите на всички останали формати се изчисляват по стандартни математически формули.
- 5
Търсенето по наименование сравнява с 148 CSS цвята и връща най-близкия в рамките на ~30 единици.
Съвети и добри практики
- ✓
Използвайте Hex или RGB в CSS стилове; предпочитайте HSL за програмно регулиране на светлина или наситеност.
- ✓
Стойностите CMYK са приблизителни — винаги консултирайте с печатницата преди търговски печат.
- ✓
HWB е идеален за създаване на цветови семейства: запазете постоянен оттенък и сменяйте белотата.
- ✓
При въвеждане на Hex кодове префиксът '#' е незадължителен.
- ✓
За официалните цветове на български институции (БНТ, БДЖ, Български пощи) винаги проверявайте официалните насоки за марка.
Често задавани въпроси
Каква е разликата между HSL и HWB?
И двата използват ъгъл на оттенъка, но вторият и третият параметър се различават. HSL използва наситеност и светлина; HWB директно белота и чернота. HWB е по-интуитивен за изсветляване (повече бяло) или потъмняване (повече черно) на цвета.
Защо CMYK изглежда различно на екрана?
Екраните използват адитивна светлина (RGB); принтерите — субтрактивно мастило (CMYK). Цветовите гамути не се припокриват напълно. Конверторът дава математическо приближение, а не точен печатен еквивалент.
Какво е Natural Color (NCol)?
Предложение на W3C, което кодира оттенък с буква (R, Y, G, C, B, M) и процентно отместване, следвани от белота и чернота. Напр. R0 0% 0% е чисто червено.
Мога ли да конвертирам CSS цвят като 'coral'?
Да. Въведете наименованието в полето 'Търсене по CSS име' и конверторът ще зареди стойностите автоматично.
Колко точни са резултатите от конвертирането?
Hex и RGB са без загуби (с закръгляне до цели числа). HSL, HWB и NCol се закръглят до един десетичен знак. CMYK е само математическо приближение.
Защо понякога не се показва наименование на цвета?
Инструментът включва само 148 стандартни CSS наименования. Ако въведеният цвят е на повече от ~30 RGB единици от всеки наименован цвят, наименованието не се връща.
Показването на цветовете може да се различава между устройствата поради калибриране на екрана и цветови профили. Стойностите CMYK са математически приближения.