Açık araçlar · 0

Hakkında

RGB’den HEX’e

Yazılışı rgb(99, 102, 241) olan bir rengi ya da yalnızca üç sayıyı yapıştırın; hex kodu kopyalanmaya hazırdır: #6366f1. Alfalı bir renk, örneğin rgba(99, 102, 241, 0.5), sekiz haneli biçimi verir: #6366f180. Renk ayrıca HSL, OKLCH ve diğer biçimlerle, açık ve koyu tonlarıyla ve bir arka planla kontrastıyla gösterilir.

Neler yapar

  • Eski ve yeni CSS söz dizimi okunur: rgb(99, 102, 241), rgb(99 102 241) ve rgb(99 102 241 / 50%).
  • Yüzdeler de çalışır: rgb(40%, 40%, 95%), #6666f2 olur.
  • 255’i aşan ya da 0’ın altındaki bir değer aralığa çekilir; böylece rgb(300, -5, 0), #ff0000 olur.
  • 99.5 gibi bir kesir en yakın tam sayıya yuvarlanır; burada 100, yani hex 64.
  • Hex, yanındaki AB düğmesiyle büyük harfe çevrilene kadar küçük harfle yazılır.
  • Telefonda ana düğme hex’i hemen kopyalar.

Nasıl kullanılır

  1. Renk alanına rgb() değerini yapıştırın ya da üç sayıyı yazın.
  2. HEX satırını kopyalayın.
  3. Renk metin içinse arka planınızla kontrastını denetleyin.

Neleri yapmaz

  • Üç haneli kısa yazım: #6666ff, #66f olarak değil, altı haneyle tam yazılır; çünkü her program altı haneyi okur, üçünü okumayanlar vardır.
  • Pantone ve diğer renk kataloğu sistemleri: lisanslıdırlar, bu yüzden bunların yerine en yakın CSS renk adı verilir.

Sorular

RGB’yi hex’e elle nasıl çeviririm?

0’dan 255’e her sayıyı 16 tabanında, iki haneye tamamlayarak yazın ve # işaretinden sonra birleştirin: 99 için 63, 102 için 66, 241 için f1 çıkar; yani rgb(99, 102, 241), #6366f1 olur.

Sekiz haneli bir hex’in son iki hanesi nedir?

Alfa: 00 tam saydam, ff opak olmak üzere; 0.5, 80 olur. Tarayıcılar CSS’in renk aldığı her yerde #rrggbbaa biçimini okur; bazı tasarım programları ve eski araçlar altı hane ve ayrı bir opaklık ister.

Büyük harfli #6366F1, #6366f1 ile aynı mı?

Evet, hex haneleri iki yazımda da aynı anlama gelir. Bir stil kılavuzu ya da tasarım dosyası büyük harf kullanıyorsa hex’in yanındaki AB düğmesine basın.

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

Bütün araçlarutilbrew hakkındaGizlilik