Конвертор на бои
Внесете hex код на боја за да ги видите неговите RGB и HSL еквиваленти со поединечни вредности за црвениот, зелениот и синиот канал.
Како да се користи овој конвертор на бои
- Внесете го хексадецималниот код на бојата
Внесете 6-цифрен хексадецимален код во полето за Hex код (на пр. FF6B35 или 00FF88). Изоставете го симболот #.
- Прочитајте ги RGB вредностите
Резултатите за црвениот (Red), зелениот (Green) и синиот (Blue) канал ги прикажуваат вредностите од 0–255 за секоја компонента.
- Проверете го HSL резултатот
Прегледајте го HSL резултатот за нијанса (0–360°), заситеност и осветленост — корисно за прилагодување на боите.
Како работи овој конвертор на бои
Оваа алатка конвертира хексадецимален код на боја во RGB (црвена, зелена, сина) и HSL (нијанса, заситеност, осветленост) претстави. Секој хексадецимален пар се мапира во 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-цифрен хексадецимален код на боја.
- ✓ Алфа каналот не е поддржан во оваа верзија.
- 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-цифрен хексадецимален код?
Моментално оваа алатка очекува 6-цифрен код. За 3-цифрени кратенки како F60, прво проширете ги во FF6600.
Што е HSL?
HSL е кратенка за Hue (нијанса), Saturation (заситеност), Lightness (светлина). Тоа е алтернативен начин за опишување бои што некои дизајнери го сметаат за поинтуитивен од RGB.