Konvertér HSLA til XYZ D65

Indsæt en HSLA-værdi, og få XYZ D65 med det samme. Alle andre formater virker også.

Fra HSLA

Genkendt som HSL

XYZ D65-værdicolor(xyz-d65 0.45245 0.2832 0.06216 / 0.8)

XYZ D65 til HSLA

Samme farve uden gennemsigtighed, som dækkende XYZ D65

Justér farven

Farvetone11°

Opacitet80 %

Lyshed68 %

Kroma0,210

Farvetone34°

Alle andre formater

Opacitetstabel: HEX-alfa og HSLA

I 8-cifret HEX bestemmer de sidste to cifre opaciteten: FF er helt dækkende, 80 er omkring 50 %, og 00 er helt gennemsigtig. Tabellen viser eksempelfarven i trin på 5 %.

Opacitet	HEX-alfa	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)

Eksempler: HSLA til XYZ D65

Farve	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)

Om HSLA og XYZ D65

HSLA er HSL med en alfakanal til opacitet, skrevet som hsla(11, 100%, 60%, 0.5). Alfa går fra 0 (helt gennemsigtig) til 1 (helt dækkende), og moderne CSS accepterer det også i hsl().

CIE XYZ er referencerummet, som alle andre farverum er defineret ud fra. Konvertere bruger det som fælles grundlag mellem formater.

Sådan fungerer konverteringen

Vi læser HSLA-værdien, omregner den til CIE XYZ med matricerne fra specifikationen CSS Color 4 og derefter til XYZ D65. Værdier uden for målets farveomfang tilpasses med algoritmen fra CSS Color 4, som bevarer lyshed og farvetone og sænker kroma.

Spørgsmål og svar

Hvordan konverterer jeg HSLA til XYZ D65?

Indsæt eller skriv en HSLA-værdi i feltet ovenfor. PickShade konverterer den med formlerne fra CSS Color 4, mens du skriver, og ét klik kopierer XYZ D65-værdien.

Er konverteringen fra HSLA til XYZ D65 præcis?

Beregningen er præcis, og resultatet afrundes kun til visning, med nok cifre til at regne tilbage til samme farve. Hvis farven ikke passer i målets farveomfang, advarer PickShade dig og viser den nærmeste farve, der passer.

Kan jeg få andre formater på samme tid?

Ja. Alle andre formater, også OKLCH, Display P3, Tailwind, SwiftUI, Flutter og Android, står under resultatet og kopieres med ét klik.

Er konverteren gratis?

Ja. Den er gratis, kræver ingen tilmelding og kører helt i din browser.