Skip to main content

CSS Renk Adından HEX'e Dönüştürücü Arama ve ön izleme ile tüm 140+ CSS adlandırılmış renklerin HEX kodlarını bulun.

Renk Adından HEX'e illustration
🎨

Renk Adından HEX'e

Arama ve ön izleme ile tüm 140+ CSS adlandırılmış renklerin HEX kodlarını bulun.

1

İsimle Arama

Renk isimlerini filtrelemek için "coral" veya "blue" gibi bir renk ismi girin.

2

Renkleri Gözden Geçirme

Görsel örneklerle birlikte tüm 140+ CSS adlandırılmış renklerin listesini tarayın.

3

HEX Kodunu Kopyalama

Herhangi bir adlandırılmış rengin HEX kodunu kopyalamak için Kopyala düğmesine tıklayın.

Loading tool...

What Is Renk Adından HEX'e?

CSS renk adı ile HEX arama, CSS belirtiminde insan tarafından okunabilir adları ile tanımlanan 140+ rengin anında erişimini sağlar. Hex kodlarını ezberlemek yerine, CSS "coral", "domates", "çelik mavi" veya "rebeccapurple" gibi adları stillerinize doğrudan kullanmanıza olanak tanır. Bu araç, her adlandırılmış rengi görsel örnekleriyle, kesin HEX kodu ve bir tıklamayla kopyalama işleviyle gösterir. Geliştiriciler için, prototiplerde anlamsal renk adlarını kullanmak, adıyla bilinen bir rengin hex değerini bulmak veya CSS belirtiminde var olan ancak bilmediğiniz yeni renkleri keşfetmek için değerli bir referanstır. Aranabilir arayüz, belirli renkleri hızlı bir şekilde bulmanızı veya tüm renk ailelerini göz atmanızı sağlar. Adlandırılmış CSS renkleri, temel primaries'den "limon şeftali", "papaya krepi" ve "nane kremi" gibi nüanslı tonlara kadar uzanır.

Why Use Renk Adından HEX'e?

  • Tüm 140+ CSS adlandırılmış renkler için eksiksiz referans
  • Görsel örnekler, renkleri bir bakışta karşılaştırmayı kolaylaştırır
  • Kısmi isimle arama filtrelemesi
  • Her renk HEX kodunun tek tıkla kopyalanması
  • Hızlı prototipleme ve CSS renk adlarını öğrenmek için faydalı

Common Use Cases

Hızlı Prototipleme

HEX kodlarına bakmadan hızlı prototipleme yapmak için adlandırılmış renkleri kullanın.

CSS Referansı

Cross-browser tutarlılığını sağlamak için CSS adlandırılmış renklerin tam HEX değerlerini bulun.

Öğrenme Yardımcısı

Tüm CSS adlandırılmış renkleri ve bunların HEX eşdeğerlerini keşfedin.

Kod İncelemeleri

Koddaki adlandırılmış renklerin amaçlanan görsel görüntüyü eşleştiğini doğrulayın.

Technical Guide

Adlandırılmış CSS renkleri, CSS Renk Modülü Seviye 4'te belirtilen (örneğin "aqua"/"cyan" ve "fuşya"/"magenta" gibi kopyalar dahil) 148 renk anahtar kelimesinden oluşan önceden tanımlanmış bir kümedir. Her ad, belirli bir sRGB rengini temsil eden bir HEX üçlüsüne eşlenir. Bu adlar, Unix pencereleme sistemlerinde kullanılan X11 renk setinden kaynaklanır ve zamanla eklenmiştir. "Rebeccapurple" (#663399) adı 2014 yılında Eric Meyer'ın kızı adına bir övgü olarak eklendi. Adlandırılmış renkler CSS'de büyük/küçük harf duyarsızdır: "DarkSlateGray" ve "darkslategray" aynıdır. Geliştirme için uygun olsa da, adlandırılmış renklerin sınırlamaları vardır: yalnızca 16.7 milyon olası RGB renginden 148'ini sunarlar ve adlar öznel olabilir (örneğin, "gri" #808080 iken "koyu gri" #A9A9A9'dir, bu da "gri"den daha açıktır). Üretim kodu için, çoğu takım precisa renk kontrolü ve tasarım özellikleriyle tutarlılık için HEX veya HSL'yi tercih eder.

Tips & Best Practices

  • 1
    CSS adlandırılmış renkler büyük/küçük harf duyarsızdır - "DarkBlue" ve "darkblue" aynı şeydir
  • 2
    "darkgray" (#A9A9A9) "gray" (#808080)'den daha açık olduğu için tuhaf bir şekilde "darkgray", "gray"'den daha açıktır
  • 3
    Adlandırılmış renkler prototipleme için iyidir ancak genellikle üretim ortamında kesin HEX değerleriyle değiştirilir
  • 4
    "transparent" anahtarı da rgba(0,0,0,0) ile eşdeğer olan geçerli bir CSS rengidir
  • 5
    rebeccapurple (#663399), Rebecca Meyer'i onurlandıran en son eklenen adlandırılmış renktir

Related Tools

Frequently Asked Questions

Q Kaç tane CSS adlandırılmış renk vardır?
CSS belirtiminde, birkaç çift yinelenen (aqua/cyan, fuchsia/magenta) dahil olmak üzere 148 adlandırılmış renk bulunur. Bu, 145 benzersiz renge karşılık gelir.
Q Adlandırılmış renkler tüm tarayıcılarda destekleniyor mu?
Evet, tüm modern tarayıcılar tüm CSS adlandırılmış renkleri destekler. Bunlar CSS1 (temel renkler) ve CSS3 (genişletilmiş renkler) ile birlikte CSS belirtiminin bir parçasını oluşturur.
Q JavaScript'te adlandırılmış renkleri kullanabilir miyim?
Evet, Canvas, CSS-in-JS kütüphaneleri ve JavaScript aracılığıyla ayarlanan herhangi bir CSS özelliğinde adlandırılmış renkleri kullanabilirsiniz. Örneğin: element.style.color = "tomato".
Q Neden darkgray gray'den daha açıktır?
Bu, X11 renk adlama sisteminin tarihsel bir tuhaflığıdır. "gray" #808080 (orta gri) iken "darkgray" #A9A9A9 (daha açık bir ton)'dir. Orijinal belirtimde adlandırma tutarlı değildi.

About This Tool

Renk Adından HEX'e is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.