HSB / HSV → OKLab dönüştürücü

Bir HSB / HSV değeri yapıştırın, OKLab karşılığını anında alın. Diğer formatlar da çalışır.

Kaynak: HSB / HSV

Algılanan: HSV

OKLab değerioklab(68.036% 0.17473 0.1165)

OKLab → HSB / HSV

Rengi ayarla

Renk özü11°

Opaklık%100

Açıklık%68

Kroma0,210

Renk özü34°

Diğer tüm formatlar

HSB / HSV → OKLab örnekleri

Renk	HSB / HSV	OKLab
	hsv(0 100% 100%)	oklab(62.796% 0.22486 0.12585)
	hsv(120 100% 100%)	oklab(86.644% -0.23389 0.1795)
	hsv(240 100% 100%)	oklab(45.201% -0.03246 -0.31153)
	hsv(0 0% 100%)	oklab(100% 0 0)
	hsv(0 0% 0%)	oklab(0% 0 0)
	hsv(0 0% 50.2%)	oklab(59.987% 0 0)
	hsv(10.59 80% 100%)	oklab(68.036% 0.17474 0.1165)
	hsv(217.22 76.02% 96.47%)	oklab(62.308% -0.03325 -0.18505)
	hsv(160.12 91.35% 72.55%)	oklab(69.587% -0.14216 0.04488)
	hsv(37.69 95.51% 96.08%)	oklab(76.859% 0.0561 0.15481)
	hsv(258.31 62.6% 96.47%)	oklab(60.563% 0.08454 -0.20193)
	hsv(330.37 69.49% 92.55%)	oklab(65.592% 0.21073 -0.021)

HSB / HSV ve OKLab hakkında

HSB olarak da bilinen HSV; renk özü, doygunluk ve parlaklık (value) kullanır. Photoshop, Figma ve çoğu renk seçici kare seçim alanında bunu kullanır.

OKLab, 2020’de çıkan modern ve algısal bir renk uzayıdır. Eşit adımlar göze de eşit görünür, bu yüzden gradyanlar ve karışımlar RGB ya da HSL’ye göre daha temiz olur.

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

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

HSB / HSV değerini OKLab formatına nasıl dönüştürürüm?

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

HSB / HSV → OKLab 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.