HesapHanem

Renk Adından HEX Dönüştürücü

HEX ve RGB değerlerini almak için bir CSS renk adı yazın (örn. tomato veya cornflowerblue).

Nasıl hesaplanır?

Bu bir hesaplama değil, sözlük eşleşmesidir. Yazdığınız metin küçük harfe çevrilir, boşluklar silinir ve yerleşik bir CSS renk adı tablosuyla karşılaştırılır; bu yüzden "CornflowerBlue", "cornflowerblue" ve "Corn Flower Blue" aynı kaydı bulur. Eşleşme varsa araç, altı basamaklı onaltılık kodu ve aynı rengin onluk RGB karşılığını verir. Hex kodu kırmızı, yeşil ve mavi için 16'lık tabandaki üç basamak çiftidir, #RRGGBB; her çift onluk = 16 × ilk basamak + ikinci basamak ile 0-255 arası bir değere çevrilir. gray ve grey yazımlarının ikisi de kabul edilir. Tabloda olmayan her şey, örneğin "transparent", bir hex kodu ya da başka bir sistemin renk adı, sonuç vermez. Renk adları İngilizce olmalıdır.

Örnek hesaplama

CornflowerBlue yazın. Araç bunu cornflowerblue olarak küçültür ve #6495ED kodunu bulur. Çiftlere ayırın: 64, 95 ve ED. Onluk tabanda 64, 6 × 16 + 4 = 100; 95, 9 × 16 + 5 = 149; ED ise 14 × 16 + 13 = 237 eder. RGB sonucu bu yüzden rgb(100, 149, 237) olur; orta tonda, biraz sönük bir mavidir. Aynı kod, hex değer isteyen her CSS kuralına, tasarım aracına veya çizim kütüphanesine yapıştırılabilir.

Bu örneği dene →

Sık yapılan hatalar

  • Renk adı yerine hex kodu veya RGB değeri yazmak. Yalnızca renk adları aranır, bu yüzden "#ff0000" sonuç vermez.
  • Günlük renk sözcüklerinin çalışmasını beklemek. "teal" ve "salmon" gibi adlar vardır, ama "transparent", "light red" ya da "sky" CSS anahtar sözcüğü değildir; boşluk yalnızca gerçek bir adın içinde işe yarar ("sky blue", skyblue olarak bulunur).
  • Harf içeren hex kodunun büyük/küçük harfe duyarlı olduğunu sanmak. Sonuç büyük harfle yazılır, ancak CSS'te #6495ed ile #6495ED aynı renktir.
  • Hex çiftlerinin sırasını karıştırmak. Sıra kırmızı, yeşil, mavidir; #6495ED'de 100 değeri kırmızıya aittir, maviye değil.
  • "Koyu" ya da "açık" varyantın aynı yazımla bulunacağını sanmak. "darkblue" ile "blue" farklı anahtar sözcüklerdir ve kodları çok farklıdır (#00008B ve #0000FF).

Bu hesaplama hakkında

CSS Renk Modülü, red ve tomato gibi yaygın olanlardan papayawhip ve rebeccapurple gibi az bilinenlere kadar 148 standart adlandırılmış renk tanımlar; her biri, tüm tarayıcıların aynı şekilde render ettiği sabit bir onaltılık RGB değerine eşlenir. Bu adlar yalnızca belirli hex kodlarının takma adları olduğundan, birini diğerine çevirmek bir hesaplama değil, doğrudan bir sözlük eşleşmesidir.

Bu dönüştürücü bir CSS renk adı alır ve HEX ile RGB karşılıklarını verir; böylece bu değeri bir tasarım aracına, marka stil kılavuzuna veya adlandırılmış renkleri kabul etmeyen koda (bazı bağlamlarda SVG fill özellikleri veya CSS dışı grafik kütüphaneleri gibi) doğrudan girebilirsiniz. Ön uç geliştiricileri ve tasarımcılar, bir tasarımın adlandırılmış renklerini CSS özel özelliklerine veya hex/RGB bekleyen bir canvas/SVG çizim API'sine çevirirken bunu kullanır.

Bu faydalı oldu mu?

En fazla 3 tepki seçebilirsiniz.

Yorumlar (1)

  • Editör ekibi

    rebeccapurple yazarsanız onaltılık değer olarak 663399 ve rgb(102, 51, 153) döner; CSS'te bunu başına diyez işareti koyarak yazarsınız. Bu isim CSS'in en yeni anahtar sözcüklerinden biridir; çok eski bir tarayıcı ya da e-posta istemcisi onu tanımayabilir, onaltılık kod ise her yerde çalışır. Girişteki boşluklar ve büyük harfler dikkate alınmaz. Tablonun tanımadığı hangi renk adlarını denediniz?

Popüler hesaplayıcılar

Kredi Hesaplama

Aylık taksit, toplam faiz ve ödeme planını hesaplayın.

Yüzde Hesaplama

Yüzde değişim, indirim ve oran hesaplamaları.

İndirim Hesaplama

İndirimli fiyatı, kazancı ve indirim tutarını hesaplayın.

Vücut Kitle Endeksi (VKİ)

Boy ve kiloya göre vücut kitle endeksini hesaplayın.

Yaş Hesaplama

Doğum tarihinden bugüne tam yıl, ay ve gün cinsinden yaşınızı hesaplayın.

Bileşik Faiz Hesaplama

Ana para, faiz oranı ve süreye göre bileşik faizle nihai tutarı hesaplayın.

Tüm Hesaplayıcılar