Renk seçiciye geç

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

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

Algılanan: CSS color()

HSLA değerihsla(10.59, 100%, 60%, 1)
HSLA → XYZ D65

Rengi ayarla

11°
%100

%68
0,210
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ıkHEX alfaHEXHSLA
100%ff#ff5733hsla(10.59, 100%, 60%, 1)
95%f2#ff5733f2hsla(10.59, 100%, 60%, 0.95)
90%e6#ff5733e6hsla(10.59, 100%, 60%, 0.9)
85%d9#ff5733d9hsla(10.59, 100%, 60%, 0.85)
80%cc#ff5733cchsla(10.59, 100%, 60%, 0.8)
75%bf#ff5733bfhsla(10.59, 100%, 60%, 0.75)
70%b3#ff5733b3hsla(10.59, 100%, 60%, 0.7)
65%a6#ff5733a6hsla(10.59, 100%, 60%, 0.65)
60%99#ff573399hsla(10.59, 100%, 60%, 0.6)
55%8c#ff57338chsla(10.59, 100%, 60%, 0.55)
50%80#ff573380hsla(10.59, 100%, 60%, 0.5)
45%73#ff573373hsla(10.59, 100%, 60%, 0.45)
40%66#ff573366hsla(10.59, 100%, 60%, 0.4)
35%59#ff573359hsla(10.59, 100%, 60%, 0.35)
30%4d#ff57334dhsla(10.59, 100%, 60%, 0.3)
25%40#ff573340hsla(10.59, 100%, 60%, 0.25)
20%33#ff573333hsla(10.59, 100%, 60%, 0.2)
15%26#ff573326hsla(10.59, 100%, 60%, 0.15)
10%1a#ff57331ahsla(10.59, 100%, 60%, 0.1)
5%0d#ff57330dhsla(10.59, 100%, 60%, 0.05)
0%00#ff573300hsla(10.59, 100%, 60%, 0)

XYZ D65 → HSLA örnekleri

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

XYZ D65 ve HSLA hakkında

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.

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.

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

XYZ D65 değerini okuyup CSS Color 4 spesifikasyonundaki matrislerle CIE XYZ’ye, oradan da HSLA 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

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

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

XYZ D65 → HSLA 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.