Geliştirici araçları

CSS Renk İsimleri

CSS adlandırılmış renklerini ada veya onaltılık (hex) koda göre arayın, RGB değerlerini ve en yakın renk eşleşmelerini listeleyin.

Aracı çalıştır

CSS Renk İsimleri aracı, web geliştirme projelerinde kullanılan yerleşik adlandırılmış renkleri listeleyip filtrelemenizi sağlar. İsteğe bağlı arama kutusuna bir renk adı veya onaltılık (hex) kod yazdığınızda, sistem girdiyi küçük harfe dönüştürür ve baştaki ile sondaki boşlukları temizleyerek eşleşmeleri anında filtreler. Arama alanını boş bıraktığınızda tanımlı tüm renkler alfabetik sırayla listelenir. Tam bir eşleşme bulunamadığında ve girdiğiniz değer altı basamaklı geçerli bir onaltılık renk kodu içerdiğinde, araç RGB kanal farklarını hesaplayarak bu tona en yakın adlandırılmış rengi belirler. Baştaki diyez (#) işareti otomatik olarak göz ardı edilir. Sonuç listesinde her rengin standart adı, küçük harfli altı basamaklı onaltılık kodu ve tam sayı formatındaki kırmızı, yeşil, mavi (RGB) kanal değerleri yer alır. Böylece stil sayfalarınızda doğrudan kullanabileceğiniz adlandırılmış alternatifleri kolayca seçebilirsiniz. Geçersiz veya eksik karakterli sorgularda ise sadece doğrudan isim eşleşmesi aranır ve ek yakın renk önerisi sunulmaz. Tasarım paletleriniz için pratik renk karşılıklarını hızla inceleyebilirsiniz.

Kullanım

  1. İsteğe bağlı arama kutusuna aramak istediğiniz renk adını veya onaltılık hex kodunu girin.
  2. Tanımlı tüm renklerin listesini görmek istiyorsanız arama alanını boş bırakın.
  3. Sonuç tablosunda listelenen renk adını, onaltılık (#hex) kodunu ve RGB kanal değerlerini inceleyin.
  4. Doğrudan eşleşmeyen altı haneli onaltılık değerlerde hesaplanan en yakın adlandırılmış renk önerisini kontrol edin.

Örnekler

  • Arama alanına 'blue' yazdığınızda 'blue', 'aliceblue', 'cadetblue' gibi adında 'blue' geçen tüm renkler listelenir.
  • Arama alanına '#ff5733' yazdığınızda doğrudan bir isim bulunamazsa bu değere en yakın adlandırılmış renk olan 'coral' önerisi gösterilir.

SSS

Arama kutusu boş bırakıldığında hangi sonuçlar listelenir?

Arama alanını boş bıraktığınızda sistemdeki tüm adlandırılmış CSS renkleri alfabetik sıraya göre listelenir.

Onaltılık renk kodlarında diyez (#) işareti girmek gerekir mi?

Gerekmez. Arama alanı baştaki diyez işaretini otomatik olarak temizler ve altı haneli geçerli hex kodunu doğrudan eşleştirir.

Üç basamaklı kısa onaltılık kodlar en yakın rengi bulur mu?

Kısa onaltılık kodlar doğrudan bir isimle eşleşmedikçe en yakın renk bulma hesaplamasında kullanılmaz. En yakın ton hesaplaması için altı basamaklı geçerli bir hex kodu gerekir.

En yakın renk hesaplaması nasıl çalışır?

Girilen altı haneli onaltılık kod doğrudan bir CSS rengiyle eşleşmediğinde, RGB renk kanalları arasındaki kare uzaklık hesaplanarak matematiksel olarak en yakın adlandırılmış ton seçilir.

Bu aracı sitenize ekleyin

Aşağıdaki kodla çalışan SmartPlusLab aracını web sitenize ekleyin.