LibraTool logoLibraTool

Бесплатен Конвертор на бои

Конвертирајте бои меѓу HEX, RGB, HSL, HSV и CMYK формати веднаш. Вклучува скала на осветленост и однапред поставени мостри.

Работи офлајн откако ќе се вчита

Претворете боја помеѓу HEX, RGB, HSL, HSV и CMYK — со преглед во живо и копирање со еден допир. Сè работи во вашиот прелистувач.

Прифаќа: HEX (#fff или #ffffff), RGB (255, 255, 255) или HSL (360, 100%, 50%)

100%
Предефинирани:
HEX#14B8A6
rgb() · застареноrgb(20, 184, 166)
rgb() · модерноrgb(20 184 166)
hsl() · застареноhsl(173, 80%, 40%)
hsl() · модерноhsl(173 80% 40%)
oklch()oklch(70.4% 0.123 182.5)
lab()lab(67.1% -42.9 -2.3)
lch()lch(67.1% 43.0 183.1)
hsv()hsv(173, 89%, 72%)
cmyk()cmyk(89%, 0%, 10%, 28%)
RGB вредности20, 184, 166

WCAG контраст

На бела позадина

2.49:1

Не поминува

На црна позадина

8.44:1

AAA
🖨️ За печатење: Овие CMYK вредности (89%, 0%, 10%, 28%) се стандардна sRGB→CMYK апроксимација за референца. За точна боја за печатење, користете го ICC профилот на вашиот печатач или отпечатен пробен примерок — CMYK на екран не може да ги совпадне сите комбинации мастило/хартија.

Скала на осветленост

Кликнете на кое било поле за да преминете на таа нијанса

Како функционира

Целата логика за конверзија е рачно напишан JavaScript кој работи целосно во вашиот прелистувач — без библиотека, без повик до сервер. Алатката го парсира вашиот влез, го насочува преку низа чисти математички функции, и истовремено произведува единаесет излезни формати вклучувајќи ги модерните CSS Color 4 простори oklch() и lab().

  1. 1
    Флексибилно парсирање на влезот
    Прилагоден парсер прифаќа хекс (3, 4, 6 или 8 цифри), rgb()/rgba(), hsl()/hsla() и во старата синтакса со запирки и во модерната синтакса со празни места, и голи нумерички тројки. Вредности на проѕирност како децимали или проценти се нормализираат во опсегот 0–1 пред да започне каква било конверзија.
  2. 2
    RGB како центар на конверзија
    Секој прифатен формат прво се разрешува во канонска RGB тројка. Од таа единствена репрезентација алатката се разгранува: HSL и HSV користат стандардни формули за мин/макс/хрома; CMYK се изведува со наоѓање на клучниот канал; и линеаризацијата на sRGB (поделена гама крива дефинирана во IEC 61966-2-1) се применува пред пресметките во перцептивниот простор.
  3. 3
    Перцептивни простори на бои пресметани од нула
    oklch() се пресметува користејќи ги референтните 3×3 матрици на Björn Ottosson (LMS кубен-корен простор). lab() и lch() користат Bradford хроматска адаптација за конверзија од белата точка D65 во D50, што одговара на начинот на кој CSS Color 4 го дефинира lab(). Ова се истите формули што се користат во механизмите за исцртување на прелистувачи — имплементирани овде без надворешна зависност.
  4. 4
    Контраст WCAG и скала на осветленост
    Релативната луминозност се пресметува според формулата WCAG 2.1 (линеаризирани R, G, B тежинирани 0,2126/0,7152/0,0722) и односот на контраст наспроти бело и црно се оценува како AA-голем, AA, AAA, или Неуспешно. Лента со девет чекори на осветленост се генерира со чекорење на HSL каналот за осветленост од 10% до 90%, овозможувајќи ви да кликнете на кое било поле за да ја конвертирате таа нијанса.

Поврзани алатки

🎨

Избирач на бои и генератор на палети

Изберете бои, конвертирате помеѓу HEX/RGB/HSL и генерирајте хармонични палети.

Пробајте го
🎨

Генератор на палета на бои

Генерирајте комплементарни, аналогни, тријадни и монохроматски палети на бои од која било основна боја. Копирајте хекс кодови со еден клик.

Пробајте го
🎛️

Калкулатор за код на бои на отпорници

Декодирајте отпорници со 4, 5 и 6 ленти во отпор, толеранција и температурен коефициент. Изберете бои на ленти и прочитајте ја вредноста веднаш со визуелен отпорник.

Пробајте го

Најчесто поставувани прашања