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

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

З Display P3

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

Значення RGBArgba(255, 87, 51, 1)

RGBA в Display P3

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

Тон11°

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

Світлота68%

Хрома0,210

Тон34°

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

Таблиця прозорості: альфа в HEX і RGBA

У 8-значному HEX останні дві цифри задають прозорість: FF — повністю непрозорий, 80 — близько 50%, 00 — повністю прозорий. У таблиці колір із прикладу з кроком 5%.

Непрозорість	Альфа в HEX	HEX	RGBA
100%	ff	#ff5733	rgba(255, 87, 51, 1)
95%	f2	#ff5733f2	rgba(255, 87, 51, 0.95)
90%	e6	#ff5733e6	rgba(255, 87, 51, 0.9)
85%	d9	#ff5733d9	rgba(255, 87, 51, 0.85)
80%	cc	#ff5733cc	rgba(255, 87, 51, 0.8)
75%	bf	#ff5733bf	rgba(255, 87, 51, 0.75)
70%	b3	#ff5733b3	rgba(255, 87, 51, 0.7)
65%	a6	#ff5733a6	rgba(255, 87, 51, 0.65)
60%	99	#ff573399	rgba(255, 87, 51, 0.6)
55%	8c	#ff57338c	rgba(255, 87, 51, 0.55)
50%	80	#ff573380	rgba(255, 87, 51, 0.5)
45%	73	#ff573373	rgba(255, 87, 51, 0.45)
40%	66	#ff573366	rgba(255, 87, 51, 0.4)
35%	59	#ff573359	rgba(255, 87, 51, 0.35)
30%	4d	#ff57334d	rgba(255, 87, 51, 0.3)
25%	40	#ff573340	rgba(255, 87, 51, 0.25)
20%	33	#ff573333	rgba(255, 87, 51, 0.2)
15%	26	#ff573326	rgba(255, 87, 51, 0.15)
10%	1a	#ff57331a	rgba(255, 87, 51, 0.1)
5%	0d	#ff57330d	rgba(255, 87, 51, 0.05)
0%	00	#ff573300	rgba(255, 87, 51, 0)

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

Колір	Display P3	RGBA
	color(display-p3 0.91749 0.20029 0.13856)	rgba(255, 0, 0, 1)
	color(display-p3 0.4584 0.98526 0.29829)	rgba(0, 255, 0, 1)
	color(display-p3 0 0 0.95959)	rgba(0, 0, 255, 1)
	color(display-p3 1 1 1)	rgba(255, 255, 255, 1)
	color(display-p3 0 0 0)	rgba(0, 0, 0, 1)
	color(display-p3 0.50196 0.50196 0.50196)	rgba(128, 128, 128, 1)
	color(display-p3 0.92577 0.38907 0.25797)	rgba(255, 87, 51, 1)
	color(display-p3 0.30473 0.50347 0.93383)	rgba(59, 130, 246, 1)
	color(display-p3 0.33254 0.71471 0.52213)	rgba(16, 185, 129, 1)
	color(display-p3 0.91216 0.63495 0.23045)	rgba(245, 158, 11, 1)
	color(display-p3 0.51827 0.3688 0.93154)	rgba(139, 92, 246, 1)
	color(display-p3 0.85506 0.33272 0.5918)	rgba(236, 72, 153, 1)

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

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

RGBA — це RGB з альфа-каналом прозорості: rgba(255, 87, 51, 0.5). Альфа змінюється від 0 (повністю прозорий) до 1 (непрозорий). Ту саму прозорість можна записати 8-значним HEX, наприклад #ff573380.

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

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

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

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

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

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

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

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

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

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

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