Конвертер HSLA в RGBA

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

З HSLA

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

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

RGBA в HSLA

Той самий колір без прозорості, суцільний RGB

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

Тон11°

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

Світлота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)

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

Колір	HSLA	RGBA
	hsla(0, 100%, 50%, 1)	rgba(255, 0, 0, 1)
	hsla(120, 100%, 50%, 1)	rgba(0, 255, 0, 1)
	hsla(240, 100%, 50%, 1)	rgba(0, 0, 255, 1)
	hsla(0, 0%, 100%, 1)	rgba(255, 255, 255, 1)
	hsla(0, 0%, 0%, 1)	rgba(0, 0, 0, 1)
	hsla(0, 0%, 50.2%, 1)	rgba(128, 128, 128, 1)
	hsla(10.59, 100%, 60%, 1)	rgba(255, 87, 51, 1)
	hsla(217.22, 91.22%, 59.8%, 1)	rgba(59, 130, 246, 1)
	hsla(160.12, 84.08%, 39.41%, 1)	rgba(16, 185, 129, 1)
	hsla(37.69, 92.13%, 50.2%, 1)	rgba(245, 158, 11, 1)
	hsla(258.31, 89.53%, 66.27%, 1)	rgba(139, 92, 246, 1)
	hsla(330.37, 81.19%, 60.39%, 1)	rgba(236, 72, 153, 1)

Про формати HSLA і RGBA

HSLA — це HSL з альфа-каналом прозорості: hsla(11, 100%, 60%, 0.5). Альфа змінюється від 0 (повністю прозорий) до 1 (непрозорий), сучасний CSS приймає її і всередині hsl().

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

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

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

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

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

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

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

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

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

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

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

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