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

Конвертер Display P3 в HSB / HSV

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

Розпізнано: CSS color()

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

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

11°
100%

68%
0,210
34°

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

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

КолірDisplay P3HSB / HSV
color(display-p3 0.91749 0.20029 0.13856)hsv(0 100% 100%)
color(display-p3 0.4584 0.98526 0.29829)hsv(120 100% 100%)
color(display-p3 0 0 0.95959)hsv(240 100% 100%)
color(display-p3 1 1 1)hsv(0 0% 100%)
color(display-p3 0 0 0)hsv(0 0% 0%)
color(display-p3 0.50196 0.50196 0.50196)hsv(0 0% 50.2%)
color(display-p3 0.92577 0.38907 0.25797)hsv(10.59 80% 100%)
color(display-p3 0.30473 0.50347 0.93383)hsv(217.22 76.02% 96.47%)
color(display-p3 0.33254 0.71471 0.52213)hsv(160.12 91.35% 72.55%)
color(display-p3 0.91216 0.63495 0.23045)hsv(37.69 95.51% 96.08%)
color(display-p3 0.51827 0.3688 0.93154)hsv(258.31 62.6% 96.47%)
color(display-p3 0.85506 0.33272 0.5918)hsv(330.37 69.49% 92.55%)

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

Display P3 це широке охоплення сучасних екранів Apple і багатьох телефонів. Воно містить приблизно на 25% більше кольорів, ніж sRGB, і пишеться як color(display-p3 r g b).

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

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

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

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

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

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

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

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

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

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

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

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