Nasıl kullanılır
- Bir renk girin alanına renk adı, HEX, RGB, HSL, HSV veya CMYK kodu yazın ve Uygula düğmesine basın.
- Karşılaştır alanından ikinci bir renk seçerek kontrast oranını kontrol edin.
- Ada veya HEX'e göre filtrele… alanına aradığınız renk adını veya HEX kodunun bir bölümünü yazın.
- Seçtiğiniz rengi paylaşmak için Bağlantıyı kopyala düğmesine basın.
Örnekler
Kurumsal mavi rengin CSS kodları
#2451E8
HEX: #2451E8 RGB: rgb(36, 81, 232) HSL: hsl(226, 81%, 53%) HSV: hsv(226, 84%, 91%) CMYK: cmyk(84%, 65%, 0%, 9%) Ad: ≈ MediumSlateBlue Beyaza karşı: 6.14:1 — ✓ AA, ✓ AA Büyük, ✕ AAA, ✓ AAA Büyük Siyaha karşı: 3.41:1 — ✕ AA, ✓ AA Büyük, ✕ AAA, ✕ AAA Büyük
Turuncu RGB değerini HEX'e çevirme
rgb(255, 136, 0)
HEX: #FF8800 RGB: rgb(255, 136, 0) HSL: hsl(32, 100%, 50%) HSV: hsv(32, 100%, 100%) CMYK: cmyk(0%, 47%, 100%, 0%) Ad: ≈ DarkOrange Beyaza karşı: 2.39:1 — ✕ AA, ✕ AA Büyük, ✕ AAA, ✕ AAA Büyük Siyaha karşı: 8.77:1 — ✓ AA, ✓ AA Büyük, ✓ AAA, ✓ AAA Büyük
Beyaz zeminde gri metnin AA kontrolü
#767676
HEX: #767676 RGB: rgb(118, 118, 118) HSL: hsl(0, 0%, 46%) HSV: hsv(0, 0%, 46%) CMYK: cmyk(0%, 0%, 0%, 54%) Ad: ≈ Gray (grey) Beyaza karşı: 4.54:1 — ✓ AA, ✓ AA Büyük, ✕ AAA, ✓ AAA Büyük Siyaha karşı: 4.62:1 — ✓ AA, ✓ AA Büyük, ✕ AAA, ✓ AAA Büyük
HTML Renk Adları (148)
Modern tarayıcıların desteklediği 148 CSS renk adının tamamı, renk ailesine göre gruplandı. Rengi yüklemek için bir satıra tıklayın veya kopyalamak için bir HEX ya da RGB değerine tıklayın.
| Renk | Ad | HEX | RGB |
|---|
Sık sorulan sorular
HTML renk adları Türkçe mi, İngilizce mi yazılır?
İngilizce CSS renk adlarını kullanın. Örneğin blue veya DarkOrange. Araç 148 renk adını tanır. Büyük küçük harf, boşluk, kısa çizgi ve alt çizgi farklarını yok sayar.
Şeffaf renk kodları destekleniyor mu?
Alfa (saydamlık) içeren kodlar kabul edilir, ancak saydamlık değeri yok sayılır ve bir bilgi mesajı gösterilir. Sonuçlar yalnızca opak sRGB renkleri içindir.
CMYK renk kodunu baskıda kullanabilir miyim?
CMYK değeri renk profili kullanılmadan hesaplanan yaklaşık bir değerdir. Baskı için yazıcınızın renk profilini kullanın.
Ekrandaki bir rengin kodunu nasıl bulurum?
Ekrandan seç düğmesine basıp ekrandaki rengi seçin. Bu düğme yalnızca EyeDropper desteği olan tarayıcılarda görünür.
Girdiğim renk kodları kaydediliyor mu?
Dönüştürmeler tarayıcınızda yapılır. Son renk, en fazla 12 son kullanılan renk, HEX harf tercihi ve tablo sırası bu tarayıcının localStorage alanında saklanır.