Konwerter HSLA na XYZ D65

Wklej wartość HSLA i od razu dostaniesz XYZ D65. Inne formaty też działają.

Z HSLA

Rozpoznano: HSL

Wartość XYZ D65color(xyz-d65 0.45245 0.2832 0.06216 / 0.8)

XYZ D65 na HSLA

Ten sam kolor bez przezroczystości, jako pełny XYZ D65

Dostosuj kolor

Barwa11°

Krycie80%

Jasność68%

Chroma0,210

Barwa34°

Wszystkie inne formaty

Tabela krycia: kanał alfa w HEX i HSLA

W 8-cyfrowym HEX dwie ostatnie cyfry określają krycie: FF to pełne krycie, 80 to około 50%, 00 to pełna przezroczystość. Tabela pokazuje przykładowy kolor co 5%.

Krycie	Alfa w HEX	HEX	HSLA
100%	ff	#ff5733	hsla(10.59, 100%, 60%, 1)
95%	f2	#ff5733f2	hsla(10.59, 100%, 60%, 0.95)
90%	e6	#ff5733e6	hsla(10.59, 100%, 60%, 0.9)
85%	d9	#ff5733d9	hsla(10.59, 100%, 60%, 0.85)
80%	cc	#ff5733cc	hsla(10.59, 100%, 60%, 0.8)
75%	bf	#ff5733bf	hsla(10.59, 100%, 60%, 0.75)
70%	b3	#ff5733b3	hsla(10.59, 100%, 60%, 0.7)
65%	a6	#ff5733a6	hsla(10.59, 100%, 60%, 0.65)
60%	99	#ff573399	hsla(10.59, 100%, 60%, 0.6)
55%	8c	#ff57338c	hsla(10.59, 100%, 60%, 0.55)
50%	80	#ff573380	hsla(10.59, 100%, 60%, 0.5)
45%	73	#ff573373	hsla(10.59, 100%, 60%, 0.45)
40%	66	#ff573366	hsla(10.59, 100%, 60%, 0.4)
35%	59	#ff573359	hsla(10.59, 100%, 60%, 0.35)
30%	4d	#ff57334d	hsla(10.59, 100%, 60%, 0.3)
25%	40	#ff573340	hsla(10.59, 100%, 60%, 0.25)
20%	33	#ff573333	hsla(10.59, 100%, 60%, 0.2)
15%	26	#ff573326	hsla(10.59, 100%, 60%, 0.15)
10%	1a	#ff57331a	hsla(10.59, 100%, 60%, 0.1)
5%	0d	#ff57330d	hsla(10.59, 100%, 60%, 0.05)
0%	00	#ff573300	hsla(10.59, 100%, 60%, 0)

Przykłady: HSLA na XYZ D65

Kolor	HSLA	XYZ D65
	hsla(0, 100%, 50%, 1)	color(xyz-d65 0.41239 0.21264 0.01933)
	hsla(120, 100%, 50%, 1)	color(xyz-d65 0.35758 0.71517 0.11919)
	hsla(240, 100%, 50%, 1)	color(xyz-d65 0.18048 0.07219 0.95053)
	hsla(0, 0%, 100%, 1)	color(xyz-d65 0.95046 1 1.08906)
	hsla(0, 0%, 0%, 1)	color(xyz-d65 0 0 0)
	hsla(0, 0%, 50.2%, 1)	color(xyz-d65 0.20517 0.21586 0.23508)
	hsla(10.59, 100%, 60%, 1)	color(xyz-d65 0.45245 0.28319 0.06216)
	hsla(217.22, 91.22%, 59.8%, 1)	color(xyz-d65 0.26419 0.23548 0.90345)
	hsla(160.12, 84.08%, 39.41%, 1)	color(xyz-d65 0.21524 0.36391 0.26659)
	hsla(37.69, 92.13%, 50.2%, 1)	color(xyz-d65 0.49942 0.43893 0.06159)
	hsla(258.31, 89.53%, 66.27%, 1)	color(xyz-d65 0.31107 0.19797 0.89374)
	hsla(330.37, 81.19%, 60.39%, 1)	color(xyz-d65 0.42658 0.2477 0.32673)

O formatach HSLA i XYZ D65

HSLA to HSL z kanałem alfa odpowiadającym za krycie, zapisywany jako hsla(11, 100%, 60%, 0.5). Alfa ma wartość od 0 (pełna przezroczystość) do 1 (pełne krycie), a nowoczesny CSS przyjmuje ją także w hsl().

CIE XYZ to przestrzeń odniesienia, na podstawie której zdefiniowano wszystkie inne. Konwertery używają jej jako wspólnego punktu między formatami.

Jak działa konwersja

Odczytujemy wartość HSLA, przeliczamy ją na CIE XYZ macierzami ze specyfikacji CSS Color 4, a potem na XYZ D65. Wartości spoza docelowego gamutu są dopasowywane algorytmem CSS Color 4, który zachowuje jasność i barwę, a zmniejsza chromę.

Pytania i odpowiedzi

Jak przekonwertować HSLA na XYZ D65?

Wklej lub wpisz wartość HSLA w pole powyżej. PickShade przelicza ją wzorami CSS Color 4 w trakcie pisania, a jedno kliknięcie kopiuje wartość XYZ D65.

Czy konwersja HSLA na XYZ D65 jest dokładna?

Obliczenia są dokładne, a wynik jest zaokrąglany tylko do wyświetlenia, z liczbą cyfr wystarczającą, by wrócić do tego samego koloru. Jeśli kolor nie mieści się w docelowym gamucie, PickShade ostrzega i pokazuje najbliższy kolor, który się mieści.

Czy mogę od razu dostać inne formaty?

Tak. Wszystkie inne formaty, w tym OKLCH, Display P3, Tailwind, SwiftUI, Flutter i Android, są pod wynikiem i kopiują się jednym kliknięciem.

Czy ten konwerter jest darmowy?

Tak. Jest darmowy, nie wymaga rejestracji i działa w całości w przeglądarce.