Цветови конвертор
Въведете hex код на цвят, за да видите неговите RGB и HSL еквиваленти със стойности за отделните червен, зелен и син канали.
Как да използвате този конвертор на цветове
- Въведете шестнадесетичен цветен код
Въведете 6-цифрен hex код в полето за шестнадесетичен цветен код (напр. FF6B35 или 00FF88). Пропуснете символа #.
- Вижте RGB стойностите
Резултатите за червения (Red), зеления (Green) и синия (Blue) канал показват стойности от 0 до 255 за всеки компонент.
- Проверете HSL резултата
Прегледайте HSL резултата за нюанс (0–360°), наситеност и осветеност — полезно за корекции на цветовете.
Как работи този конвертор на цветове
Този инструмент преобразува шестнадесетичен цветови код в RGB (червено, зелено, синьо) и HSL (нюанс, наситеност, осветеност) представяния. Всяка hex двойка съответства на 8-битова стойност на канала (0–255), а HSL преобразуването използва стандартна математика за цветови пространства.
R = hex[0:2] → десетично; G = hex[2:4] → десетично; B = hex[4:6] → десетично Hex #FF6B35 → RGB(255, 107, 53) → HSL(16, 100%, 60%).
Hex 000000 → RGB(0, 0, 0) → HSL(0, 0%, 0%) — чисто черно.
Hex FFFFFF → RGB(255, 255, 255) → HSL(0, 0%, 100%) — чисто бяло. Hex 808080 → RGB(128, 128, 128) → HSL(0, 0%, 50%) — средно сиво.
- ✓ Въведената стойност е валиден 6-цифрен hex цветови код.
- ✓ Алфа каналът не се поддържа в тази версия.
- CMYK преобразуването изисква цветови профил и не е включено тук.
Разбиране на цветовите модели
HEX, RGB и HSL са различни начини за описване на един и същ цвят. HEX кодира RGB като 6-цифрен шестнадесетичен низ: всяка двойка знаци е един 8-битов канал (0–255). RGB изразява същите стойности като три числа, адитивните основни цветове, които екраните излъчват. HSL (Hue, Saturation, Lightness) е цилиндричен модел: нюансът (hue) е ъгълът в цветното колело (0° червено, 120° зелено, 240° синьо), наситеността (saturation) е интензитетът на цвета, а осветеността (lightness) е яркостта. Дизайнерите често предпочитат HSL при програмно коригиране на цветовете — промяната само на осветеността потъмнява или изсветлява без промяна на нюанса, а настройката на наситеността регулира яркостта на цвета.
Случаи на използване на преобразуване на цветове от разработчици
Разработчиците преобразуват цветове при изграждане на дизайн системи, внедряване на теми, генериране на цветови палитри и отстраняване на грешки в CSS. Дизайн токените често съхраняват цветове в hex; преобразуването в RGB или HSL позволява изчисления в реално време, като наслагвания на непрозрачност или проверки за достъпен контраст. Превключвателите на теми може да се наложи да извлекат по-светли или по-тъмни варианти от базов цвят чрез HSL. Автоматизираните инструменти за достъпност преобразуват цветовете, за да изчислят съотношенията на яркост и контраст. При отстраняване на грешки в оформлението или темите, виждането на hex стойност като RGB или HSL помага да се идентифицира кой канал е грешен. Преобразуването на цветове се използва и при визуализация на данни, библиотеки за диаграми и динамично тематизиране на потребителския интерфейс.
Често задавани въпроси
Мога ли да въведа 3-цифрен hex код?
В момента този инструмент изисква 6-цифрен код. За 3-цифрени съкращения като F60, първо ги разширете до FF6600.
Какво е HSL?
HSL означава Hue (тон), Saturation (наситеност), Lightness (светлост). Това е алтернативен начин за описване на цветове, който някои дизайнери намират за по-интуитивен от RGB.