Açık araçlar · 0

Hakkında

HEX’ten RGB’ye

Başında # olsun olmasın bir hex renk kodu yapıştırın; RGB değeri, HSL, OKLCH ve diğer biçimlerle birlikte kopyalanmaya hazırdır. Üç haneli bir kod altı haneli biçimiyle okunur; sekiz hane bir alfa taşır ve bu rgba() olarak çıkar. Ters yönde yapıştırılan bir rgb() de hex’ini aynı şekilde verir.

Neler yapar

  • Her iki hex hanesi 0 ile 255 arasında bir kanaldır: #ff8800, rgb(255, 136, 0) olur.
  • Kısa kodların her hanesi ikiye katlanır: #f80 #ff8800 olur, #f808 ise aynı turuncunun yaklaşık yarı opaklıktaki hâlidir.
  • Alfa, rgba(255, 136, 0, 0.502) olarak üç ondalıkla çıkar; HEX satırı sekiz haneyi de korur.
  • Altı ya da sekiz haneli kodda # gerekmez, harfli üç ya da dört haneli kodda da gerekmez; düz 123 için gerekir, çünkü sayı olabilir.
  • 0xFF8800 yazımı da hex olarak okunur; 0xCCFF8800 ise alfa başta okunur, Android ve Flutter renkleri böyle yazar.
  • Bir stil sayfasından kalma sondaki noktalı virgül yok sayılır.
  • HEX büyük ya da küçük harfle, tercihinize göre yazılır ve bir sonraki sefer için hatırlanır.

Nasıl kullanılır

  1. Hex kodunu renk alanına yapıştırın.
  2. RGB satırını ya da kodunuzun istediği biçimi kopyalayın.
  3. Aynı rengin rgba() karşılığı için Opaklık sürgüsünü oynatın.

Neleri yapmaz

  • Çıktıda boşluklu rgb(255 136 0) biçimi: virgüllü biçimi her tarayıcı ve araç okur; girişte ise iki biçim de okunur.
  • Beş, yedi ya da sekizden çok haneli hex kodları: CSS bunların hiçbirini tanımlamaz, bu yüzden tahmin edilmez, reddedilir.

Sorular

Hex kodunu RGB’ye elle nasıl çeviririm?

Kodu üç çifte bölün ve her çifti 16 tabanında bir sayı olarak okuyun: birinci hane çarpı 16, artı ikinci hane. #1E90FF için bu 1×16+14 = 30, 9×16+0 = 144 ve 15×16+15 = 255 eder, yani rgb(30, 144, 255).

RGB, hex’ten daha kesin mi?

Hayır. İkisi de kırmızı, yeşil ve maviyi 0’dan 255’e verir; hex 16 tabanında, rgb() 10 tabanında yazar, bu yüzden üç kanal iki yönde de tam çevrilir. Alfa, rgba() olarak üç ondalıkla yazılır ve yine aynı iki hex hanesine geri okunur.

Sekiz haneli bir hex kodu ne anlama gelir?

Son iki hane alfadır, yani opaklık: tam saydam için 00’dan tam opak için FF’e kadar; #1E90FF80, o mavinin yaklaşık yarı opaklıktaki hâlidir. Android alfayı başa yazar; 0x ile yapıştırılan bir kod bu yüzden öyle okunur.

Bir rgb() renginin hex kodunu nasıl alırım?

Aynı alana rgb() değerini yapıştırın ve HEX satırını kopyalayın. Yalın 255, 136, 0 de olur, boşluklu rgb(255 136 0) da.

Buradaki her şey tarayıcınızda çalışır. Yazdığınız, yapıştırdığınız ya da açtığınız hiçbir şey yüklenmez; hesap da sıra da yoktur. Bu nasıl oluyor.

Sık birlikte kullanılanlar

  • Palet Oluşturucu: renkten türetilen, Tailwind tarzı açık ve koyu tonlar skalası

Bütün araçlarutilbrew hakkındaGizlilik