Renk seçiciye geç

HWB → HEX dönüştürücü

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

Algılanan: HWB

HEX değeri#ff5733
HEX → HWB

Rengi ayarla

11°
%100

%68
0,210
34°

Diğer tüm formatlar

HWB → HEX örnekleri

RenkHWBHEX
hwb(0 0% 0%)#ff0000
hwb(120 0% 0%)#00ff00
hwb(240 0% 0%)#0000ff
hwb(0 100% 0%)#ffffff
hwb(0 0% 100%)#000000
hwb(0 50.2% 49.8%)#808080
hwb(10.59 20% 0%)#ff5733
hwb(217.22 23.14% 3.53%)#3b82f6
hwb(160.12 6.27% 27.45%)#10b981
hwb(37.69 4.31% 3.92%)#f59e0b
hwb(258.31 36.08% 3.53%)#8b5cf6
hwb(330.37 28.24% 7.45%)#ec4899

HWB ve HEX hakkında

HWB, rengi renk özüyle ve içine karışan beyaz ve siyah miktarıyla tanımlar. CSS Color 4’ün parçasıdır ve açık ya da koyu tonlar için kullanışlıdır.

HEX; kırmızı, yeşil ve maviyi ikişer onaltılık basamakla yazar, örneğin #ff5733. Web’de ve tasarım araçlarında renk yazmanın en yaygın yoludur.

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

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

HWB değerini HEX formatına nasıl dönüştürürüm?

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

HWB → HEX 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.