#2196F3
Renk detayı · Renk
Blue 500 — #2196F3 Renk Kodu
#2196F3 renginin HEX, RGB, HSL, HSV ve CMYK kodları, tonları, harmonileri, kontrast değerleri ve hazır CSS kullanımı. Her kodu tek tıkla kopyalayın.
#2196F3 renk kodları
Tonlar & gölgeler
Beyazla açılmış (ton) ve siyahla koyulaştırılmış (gölge) türevler. Tıklayınca o rengin sayfasına gidin.
Renk harmonileri
#2196F3 rengiyle uyumlu paletler — renk tekerleğindeki açılara göre türetildi.
WCAG kontrast & okunabilirlik
Beyaz metin: 3.12:1AA (büyük)
Siyah metin: 6.72:1AA
Bu arka plan üzerinde siyah metin daha okunaklıdır. AA: normal ≥4.5, büyük ≥3 · AAA: normal ≥7.
Renk körlüğü simülasyonu
Bu rengin yaygın renk körlüğü türlerinde nasıl algılandığı. Erişilebilir tasarımda rengi tek ayırt edici öğe olarak kullanmayın.
Normal görüş#2196F3
Protanopi (kırmızı zayıf)#5455DC
Deuteranopi (yeşil zayıf)#4D44D7
Tritanopi (mavi zayıf)#27CBC7
Hazır CSS kullanımı
.ornek {
color: #2196f3;
background-color: #2196f3;
border: 1px solid #2196f3;
}Web ve arayüz
Marka renklerinizi kusursuz bir arayüze taşıyalım
Erişilebilir, hızlı ve marka tutarlı kurumsal web siteleri ve tasarım sistemleri.