HSLA → XYZ D65 dönüştürücü

Bir HSLA değeri yapıştırın, XYZ D65 karşılığını anında alın. Diğer formatlar da çalışır.

Kaynak: HSLA

Algılanan: HSL

XYZ D65 değericolor(xyz-d65 0.45245 0.2832 0.06216 / 0.8)

XYZ D65 → HSLA

Aynı renk saydamlık olmadan, düz XYZ D65 olarak

Rengi ayarla

Renk özü11°

Opaklık%80

Açıklık%68

Kroma0,210

Renk özü34°

Diğer tüm formatlar

Opaklık tablosu: HEX alfa ve HSLA

8 haneli HEX kodunda son iki hane opaklığı belirler: FF tamamen opak, 80 yaklaşık %50, 00 tamamen saydamdır. Tablo örnek rengi %5 adımlarla gösterir.

Opaklık	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)

HSLA → XYZ D65 örnekleri

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

HSLA ve XYZ D65 hakkında

HSLA, opaklık için alfa kanalı eklenmiş HSL’dir ve hsla(11, 100%, 60%, 0.5) şeklinde yazılır. Alfa 0 (tamamen saydam) ile 1 (tamamen opak) arasındadır; modern CSS bunu hsl() içinde de kabul eder.

CIE XYZ, diğer tüm renk uzaylarının tanımlandığı referans uzaydır. Dönüştürücüler onu formatlar arasında ortak zemin olarak kullanır.

Dönüştürme nasıl çalışır

HSLA değerini okuyup CSS Color 4 spesifikasyonundaki matrislerle CIE XYZ’ye, oradan da XYZ D65 formatına çeviriyoruz. Hedef gamın dışında kalan değerler, açıklığı ve renk özünü koruyup kromayı azaltan CSS Color 4 algoritmasıyla gama sığdırılır.

Sorular ve yanıtlar

HSLA değerini XYZ D65 formatına nasıl dönüştürürüm?

Yukarıdaki alana bir HSLA değeri yapıştırın veya yazın. PickShade siz yazarken değeri CSS Color 4 formülleriyle dönüştürür, XYZ D65 değerini de tek tıkla kopyalarsınız.

HSLA → XYZ D65 dönüşümü kesin mi?

Hesaplama kesindir; sonuç yalnızca gösterim için yuvarlanır ve aynı renge geri dönüştürmeye yetecek kadar basamak içerir. Renk hedef gama sığmıyorsa PickShade sizi uyarır ve sığan en yakın rengi gösterir.

Aynı anda başka formatları da alabilir miyim?

Evet. OKLCH, Display P3, Tailwind, SwiftUI, Flutter ve Android dahil diğer tüm formatlar sonucun altında listelenir ve tek tıkla kopyalanır.

Bu dönüştürücü ücretsiz mi?

Evet. Ücretsizdir, üyelik gerektirmez ve tamamen tarayıcınızda çalışır.