Renk seçiciye geç

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

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

Algılanan: HSV

HEX değeri#ff5733

Rengi ayarla

11°
%100

%68
0,210
34°

Diğer tüm formatlar

HSB / HSV → HEX örnekleri

RenkHSB / HSVHEX
hsv(0 100% 100%)#ff0000
hsv(120 100% 100%)#00ff00
hsv(240 100% 100%)#0000ff
hsv(0 0% 100%)#ffffff
hsv(0 0% 0%)#000000
hsv(0 0% 50.2%)#808080
hsv(10.59 80% 100%)#ff5733
hsv(217.22 76.02% 96.47%)#3b82f6
hsv(160.12 91.35% 72.55%)#10b981
hsv(37.69 95.51% 96.08%)#f59e0b
hsv(258.31 62.6% 96.47%)#8b5cf6
hsv(330.37 69.49% 92.55%)#ec4899

HSB / HSV ve HEX 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.

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

HSB / HSV 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

HSB / HSV değerini HEX 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, HEX değerini de tek tıkla kopyalarsınız.

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