Конвертер HEX в Display P3

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

З HEX

Значення Display P3color(display-p3 0.92577 0.38907 0.25797)

Display P3 в HEX

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

Тон11°

Непрозорість100%

Світлота68%

Хрома0,210

Тон34°

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

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

Колір	HEX	Display P3
	#ff0000	color(display-p3 0.91749 0.20029 0.13856)
	#00ff00	color(display-p3 0.4584 0.98526 0.29829)
	#0000ff	color(display-p3 0 0 0.95959)
	#ffffff	color(display-p3 1 1 1)
	#000000	color(display-p3 0 0 0)
	#808080	color(display-p3 0.50196 0.50196 0.50196)
	#ff5733	color(display-p3 0.92577 0.38907 0.25797)
	#3b82f6	color(display-p3 0.30473 0.50347 0.93383)
	#10b981	color(display-p3 0.33254 0.71471 0.52213)
	#f59e0b	color(display-p3 0.91216 0.63495 0.23045)
	#8b5cf6	color(display-p3 0.51827 0.3688 0.93154)
	#ec4899	color(display-p3 0.85506 0.33272 0.5918)

Про формати HEX і Display P3

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

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

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

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

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

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

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

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

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

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

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

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

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