Utilore

HEX'ten RGB'ye

Bir HEX kodu yapıştırın ve RGB kanallarını okuyun. #1f5fd6 kodu rgb(31, 95, 214) olur; kod bir alfa kanalı taşıyorsa saydamlığı korunmuş hâlde rgba() alırsınız.

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

Kontrast:

Nasıl kullanılır

  1. HEX kodunu diyez işaretiyle ya da işaretsiz yapıştırın.
  2. Aşağıdaki RGB değerini okuyun: kodda alfa kanalı varsa RGBA da görünür.
  3. RGB satırının yanındaki «Kopyala» düğmesine basın.

Bilmekte fayda var

Altı hane aslında ne anlama geliyor

HEX, üç sayıyı on altılık tabanda yazmanın bir yoludur. İlk çift kırmızı, ikincisi yeşil, üçüncüsü mavidir ve her biri 00 ile FF arasındadır; bu da RGB'de gördüğünüz onluk tabanda 0 ile 255 demektir. #1f5 gibi üç haneli bir kod kısaltmadır: her hane ikiye katlanır ve kod #11ff55 olarak açılır.

RGB'nin HEX yerine gerektiği yerler

Canvas ve SVG arayüzleri, Android ile iOS'un renk nesneleri ve rengi yazmak yerine hesaplayan her şey kanallar üzerinden konuşur. Ayrıca RGB, eski tarayıcıların yanlış okuduğu sekiz haneli HEX'e başvurmadan saydamlık eklemenin tek yoludur.

Sık sorulan sorular

Saydamlık içeren sekiz haneli HEX'i destekliyor mu?

Evet. Son çift alfa kanalıdır; rgba() içinde dördüncü değer olarak görünür ve 0–255 aralığından CSS'in beklediği 0–1 ölçeğine çevrilir.

Diyez işareti zorunlu mu?

Hayır. Hem «1f5fd6» hem «#1f5fd6» kabul edilir, üç ya da dört haneli kısaltmalar da öyle.

Tarayıcımdan bir şey çıkıyor mu?

Hayır. Dönüştürme sayfada yapılan bir aritmetik işlemdir; hiçbir şey yüklenmez ve kaydedilmez.

İlgili araçlar