RGB'den HEX'e dönüştürücü

Kırmızı, yeşil ve mavi değerlerini gir; CSS, tasarım araçları ve marka kılavuzları için hex kodunu al.

Ücretsiz ve gizli. Her şey tarayıcında çalışır, hiçbir şey yüklenmez.

Nasıl kullanılır

  1. Rengi girDeğeri giriş kutusuna yaz ya da yapıştır.
  2. Sonucu kopyalaDönüştürülmüş değer listenin en üstündedir.
  3. Daha fazlasına bakDiğer biçimler, kontrast ve tonlar aşağıdadır.

Üç sayı, tek kod

Değerleri 13, 107, 87 ya da 13 107 87 ya da tam bir rgb() veya rgba() fonksiyonu olarak yaz. 0 ile 255 arasındaki her kanal iki onaltılık haneye dönüşür; 13, 107, 87 değeri #0D6B57 olur. Saydamlık varsa saydamlık değeri dördüncü çift olur.

Hex kodlar bir rengi paylaşmanın en kısa yoludur: CSS'te, HTML özniteliklerinde, Figma'da, Photoshop'ta ve çoğu marka kılavuzunda çalışır. Kodu listenin en üstünden büyük harfle kopyala. Ekran görüntüsünden aldığın RGB değerlerini web sitene aktarırken de bu araç işini görür.

Kullanmadan önce kontrol et

Sonucun altında rengi WCAG kontrastı için bir arka plana karşı deneyebilir, hover durumları ve kenarlıklar için açık ve koyu tonlar üretebilirsin.

Sık sorulan sorular

Boşlukla ayrılmış değerleri yapıştırabilir miyim?

Evet. 13 107 87, 13,107,87 ve rgb(13, 107, 87) hepsi çalışır.

Hangi renk biçimlerini yazabilirim?

CSS'te geçerli her şeyi: 3, 4, 6 ya da 8 haneli HEX, rgb(), hsl(), hwb(), lab(), oklch() ve renk adları.

CMYK değeri baskı için kesin mi?

Yazıcı profili olmadan yapılan basit bir dönüşümdür. Profesyonel baskı için matbaanın profilindeki CMYK değerlerini kullan.

Hangi kontrast oranı gerekiyor?

WCAG AA, normal yazı için 4.5:1, büyük yazı ve arayüz parçaları için 3:1 ister.

OKLCH neden önemli?

İnsanların açıklığı algılama biçimine uyar; OKLCH ile yapılan paletler ve geçişler dengeli görünür.