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

Конвертер HEX в HWB

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

Розпізнано: HEX

Значення HWBhwb(10.59 20% 0%)
HWB в HEX

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

11°
100%

68%
0,210
34°

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

Приклади конвертації HEX в HWB

КолірHEXHWB
#ff0000hwb(0 0% 0%)
#00ff00hwb(120 0% 0%)
#0000ffhwb(240 0% 0%)
#ffffffhwb(0 100% 0%)
#000000hwb(0 0% 100%)
#808080hwb(0 50.2% 49.8%)
#ff5733hwb(10.59 20% 0%)
#3b82f6hwb(217.22 23.14% 3.53%)
#10b981hwb(160.12 6.27% 27.45%)
#f59e0bhwb(37.69 4.31% 3.92%)
#8b5cf6hwb(258.31 36.08% 3.53%)
#ec4899hwb(330.37 28.24% 7.45%)

Про формати HEX і HWB

HEX записує червоний, зелений і синій двома шістнадцятковими цифрами кожен, наприклад #ff5733. Це найпоширеніший спосіб записати колір у вебі та дизайнерських інструментах.

HWB описує колір тоном і часткою доданого білого та чорного. Він входить до CSS Color 4 і зручний для світлих і темних варіантів кольору.

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

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

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

Як конвертувати HEX в HWB?

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

Чи точна конвертація HEX в HWB?

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

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

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

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

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