Utilore

RGB’den HEX’e

rgb(31, 95, 214) değerini yapıştırın, virgüllü ya da boşluklu fark etmez, karşılığında CSS’e, tasarım dosyasına veya stil kılavuzuna hazır #1f5fd6 kodunu alın.

  • #1f5fd6 HEX
  • rgb(31, 95, 214) RGB
  • hsl(219, 75%, 48%) HSL

Kontrast:

Nasıl kullanılır

  1. RGB ya da RGBA değerini yapıştırın veya renk seçiciyle bir renk seçin.
  2. Diğer biçimlerin üstündeki HEX kodunu okuyun.
  3. HEX satırının yanındaki «Kopyala» düğmesine basın.

Bilmekte fayda var

Tasarımcılar neden HEX ister

HEX, üç sayı yerine tek bir parçadır; bu yüzden bir şartnameye, bir iş kaydına ya da sohbet mesajına bir hane kaybetmeden yapıştırılır. Ayrıca tasarım araçlarının varsayılan olarak gösterdiği gösterim de budur, dolayısıyla HEX ile yazılmış bir palet herkesin ekranında gördüğüyle örtüşür.

Alfa kanalına ne oluyor

Saydamlık içeren bir rgba() verirseniz sonuç sekiz haneli bir HEX olur: son çift, alfayı 0 ile 255 arasında kodlar. Güncel tarayıcılar bunu doğru okur, eskiler okumaz; geniş desteğe ihtiyacınız olan yerde rgba() kullanmayı sürdürün.

Sık sorulan sorular

Sayıların çevresine rgb(...) yazmak zorunda mıyım?

Virgüllü ya da boşluklu tam gösterim, hem rgb() hem rgba() biçiminde kabul edilir. 255’i aşan değerler sessizce başa sarılmaz, 255’e sabitlenir.

HEX kodum neden sekiz karakter?

Çünkü rengin bir alfa kanalı var. Saydamlığı kaldırırsanız alışıldık altı haneli kodu alırsınız.

Sunucuya bir şey gönderiliyor mu?

Hayır. Dönüştürmenin tamamı sayfanın içinde yapılır, bu yüzden henüz yayımlanmamış marka renkleri sizde kalır.

İlgili araçlar