Перейти до вибору кольору

Конвертер Lab в HSB / HSV

Вставте значення Lab і одразу отримайте HSB / HSV. Будь-який інший формат теж підійде.

Розпізнано: CIE Lab

Значення HSB / HSVhsv(10.59 80% 100%)
HSB / HSV в Lab

Налаштувати колір

11°
100%

68%
0,210
34°

Усі інші формати

Приклади конвертації Lab в HSB / HSV

КолірLabHSB / HSV
lab(54.29 80.8 69.89)hsv(0 100% 100%)
lab(87.82 -79.27 80.99)hsv(120 100% 100%)
lab(29.57 68.29 -112.03)hsv(240 100% 100%)
lab(100 0 0)hsv(0 0% 100%)
lab(0 0 0)hsv(0 0% 0%)
lab(53.59 0 0)hsv(0 0% 50.2%)
lab(61.03 63.55 55.96)hsv(10.59 80% 100%)
lab(54.62 8.76 -65.79)hsv(217.22 76.02% 96.47%)
lab(66.69 -50.67 17.06)hsv(160.12 91.35% 72.55%)
lab(72.79 26.93 75.43)hsv(37.69 95.51% 96.08%)
lab(50.69 45.85 -71.8)hsv(258.31 62.6% 96.47%)
lab(57.31 67.87 -7.12)hsv(330.37 69.49% 92.55%)

Про формати Lab і HSB / HSV

CIE Lab описує світлоту L і дві колірні осі: a (від зеленого до червоного) і b (від синього до жовтого). Він не залежить від пристрою і використовується для різниці кольорів ΔE.

HSV, він же HSB, задає тон, насиченість і яскравість. На ньому побудований квадратний вибір кольору в Photoshop, Figma і більшості редакторів.

Як працює конвертація

Ми зчитуємо значення Lab, переводимо його в CIE XYZ за матрицями зі специфікації CSS Color 4, а потім у HSB / HSV. Якщо колір не вміщується в цільове охоплення, він підганяється за алгоритмом CSS Color 4: світлота і тон зберігаються, зменшується лише хрома.

Запитання і відповіді

Як конвертувати Lab в HSB / HSV?

Вставте або введіть значення Lab у поле вище. PickShade конвертує його за формулами CSS Color 4 просто під час введення, а HSB / HSV копіюється одним кліком.

Чи точна конвертація Lab в HSB / HSV?

Обчислення точні, результат округлюється лише для показу і з такою кількістю знаків, щоб зворотна конвертація давала той самий колір. Якщо колір не вміщується в охоплення цільового формату, PickShade попередить і покаже найближчий відповідний колір.

Чи можна одразу отримати інші формати?

Так. Усі інші формати, зокрема OKLCH, Display P3, Tailwind, SwiftUI, Flutter і Android, наведені під результатом і копіюються одним кліком.

Конвертер безкоштовний?

Так. Безкоштовно, без реєстрації, усе обчислюється просто у вашому браузері.