CSS Adlı Renkler Referansı Arama, hue veya parlaklığa göre sıralama yaparak tüm 140+ CSS adlı renkleri gözden geçirin.
CSS Adlı Renkler Referansı
Arama, hue veya parlaklığa göre sıralama yaparak tüm 140+ CSS adlı renkleri gözden geçirin.
Renk Ara
Bir isim parçasını yazarak renkleri filtreleyin.
Sıralama Seçenekleri
Alfabetik isim, ton açısı veya açıkliğe göre sıralayın.
HEX Kopyala
Her rengin HEX kodunu kopyalayın.
What Is CSS Adlı Renkler Referansı?
CSS Adlı Renkler Referansı, W3C belirtiminde tanımlanan 140'tan fazla CSS adlı rengin kapsamlı bir görsel kataloğudür. Basit bir arama aracından farklı olarak, bu referans alfabetik, renk tonuna (benzer renkleri birlikte gruplandırarak) ve açıklığa (en açıkdan en koyuya) göre sıralama seçenekleri sunar ve böylece renk keşfi ve keşif için güçlü bir araç haline gelir. Her renk girişi görsel bir örnek, anlamsal ad ve HEX kodunu gösterir. Arama fonksiyonu kısmi ad eşleşmelerine göre filtreler, bu nedenle "mavi" yazmak tüm mavi ile ilgili renkleri (aliceblue, blue, cadetblue, cornflowerblue vb.) gösterir. Bu referans, adlı renkleri nhanh bir şekilde bulmak isteyen, kullanılabilir CSS renk adlarını keşfetmek isteyen veya prototip oluşturmak için anlamsal olarak anlamlı renk adları seçmek isteyen geliştiriciler için gereklidir.
Why Use CSS Adlı Renkler Referansı?
-
Tüm 140+ CSS adlandırılmış renklerin eksiksiz kataloğu
-
Üç sıralama seçeneği: isim, ton ve açıklik
-
Kısmi isim eşleştirmesi ile arama filtreleme
-
Anında renk karşılaştırması için görsel örnekler
-
Her HEX kodunun bir tıklamayla kopyalanması
Common Use Cases
Renk Keşfi
CSS'de var olan ancak bilmediğiniz yeni renkleri keşfetmek için adlandırılmış renkleri tonlarına göre sıralayın.
Hızlı Referans
Herhangi bir CSS adlandırılmış rengin tam HEX değerini bulun.
Prototipleme
HEX kodlarını aramadan hızlı prototipler oluşturmak için anlamlı renk adları seçin.
Eğitim
CSS adlandırılmış renklerin tüm aralığını ve görsel görünümünü öğrenin.
Technical Guide
CSS adlı renkler, CSS Renk Modülü Seviye 4 belirtiminde tanımlanan anahtar kelimelerdir. 148 adet adlandırılmış renk (aqua/cyan gibi takma adlar dahil) vardır. Her ad belirli bir sRGB rengini haritalar. Renk tonuna göre sıralama, her rengin hex değerinden çıkarılan HSL hue açısını (0-360°) kullanır ve kırmızılardan, turunculardan, sarılardan, yeşillere, maviye ve morlara kadar gruplandırır. Açıklık sıralaması, HSL açıklık değerini (0-100%) kullanır. Akromatik renkler (siyah, beyaz, gri tonları) 0°'lik bir hue açısına sahiptir ancak doygunluğu çok düşüktür, bu nedenle hue sıralamasının bir ucunda kümelendiği görülür. X11 renk sistemi mirasından kaynaklanan bazı adlandırma tutarsızlıkları vardır - özellikle "darkgray" (A9A9A9) "gray" (808080)'den daha açıktır.
Tips & Best Practices
-
1Tüm mavi, yeşil, kırmızı vb. renkleri bir arada gruplamak için tonuna göre sıralayın
-
2Arka planlar veya metinler için hızlıca açık veya koyu renkleri bulmak için açıkliğe göre sıralayın
-
3Arama kısmi eşleştirmeleri kabul eder - "deniz" deniz yeşili, deniz kabuğu, koyu deniz yeşili vb. bulunur
-
4Adlandırılmış renkler konsol.log stilleri, SVG doldurmaları ve hızlı prototipler için harikadır
-
5Üretim için, öngörülebilirlik için adlandırılmış renkleri kesin HEX değerleriyle değiştirin
Related Tools
HEX'ten RGB'ye Dönüştürücü
HEX renk kodlarını anında RGB değerlerine dönüştürün ve canlı önizleme swatch'i ile birlikte kullanın.
🎨 Color Tools
HEX'ten HSL'ye Dönüştürücü
HEX renk kodlarını HSL (Ton, Doymuşluk, Parlaklık) değerlerine dönüştürün.
🎨 Color Tools
Renk Adından HEX'e
Arama ve ön izleme ile tüm 140+ CSS adlandırılmış renklerin HEX kodlarını bulun.
🎨 Color Tools
Renk Seçici
HEX, RGB, HSL ve CMYK çıktıları ile etkileşimli renk seçici.
🎨 Color Tools
Tailwind Renk Bulucu
Herhangi bir HEX koduna en yakın Tailwind CSS renk sınıfını bulun.
🎨 Color ToolsFrequently Asked Questions
Q Kaç tane CSS adlandırılmış rengi var?
Q Tonuna göre sıralamak ne anlama geliyor?
Q Modern CSS'de adlandırılmış renkleri kullanabilir miyim?
About This Tool
CSS Adlı Renkler Referansı 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.