Marka renkleriniz okunuyor mu?
Renklerinizi girin ya da örnek paletle deneyin. Hangi çiftlerin metin için uygun olduğunu, hangilerinin yalnız dekoratif kalması gerektiğini ve renk körlüğü olan biri için renklerin karışıp karışmadığını görün.
| Metin ↓ / Zemin → | Zeytin | Kiremit | Kum | Kömür | Kireç | Adaçayı |
|---|---|---|---|---|---|---|
| Zeytin | — | Aa1.53:1— | Aa5.31:1AA | Aa1.99:1— | Aa6.50:1AA | Aa2.94:1— |
| Kiremit | Aa1.53:1— | — | Aa3.47:13:1 | Aa3.05:13:1 | Aa4.25:13:1 | Aa1.92:1— |
| Kum | Aa5.31:1AA | Aa3.47:13:1 | — | Aa10.58:1AAA | Aa1.22:1— | Aa1.81:1— |
| Kömür | Aa1.99:1— | Aa3.05:13:1 | Aa10.58:1AAA | — | Aa12.95:1AAA | Aa5.86:1AA |
| Kireç | Aa6.50:1AA | Aa4.25:13:1 | Aa1.22:1— | Aa12.95:1AAA | — | Aa2.21:1— |
| Adaçayı | Aa2.94:1— | Aa1.92:1— | Aa1.81:1— | Aa5.86:1AA | Aa2.21:1— | — |
AA: normal metin için en az 4,5:1. 3:1: büyük metin (yaklaşık 24 px ya da 19 px kalın) ve ikon gibi grafik öğeler için. Altındaki çiftler yalnız dekoratif kullanılmalıdır.
- Kömür üzerine Kireç12.9:1
- Kum üzerine Kömür10.6:1
- Zeytin üzerine Kireç6.5:1
- Kömür üzerine Adaçayı5.9:1
- Zeytin üzerine Kum5.3:1
- — Protan: Zeytin ve Kiremit birbirine çok yaklaşıyor. Bu renkleri yalnız renkle değil, metin ya da desenle de ayırın.
Simülasyon Machado, Oliveira ve Fernandes (2009) modeline dayanan yaklaşık bir gösterimdir. Baskı renkleri (CMYK, Pantone) için bu araç kullanılmamalıdır.
Bu paletle görüşme isteBir marka paletinin dijitalde okunur olması için metin ile zemin arasında yeterli kontrast gerekir: WCAG'ye göre normal metinde en az 4,5:1, büyük metin ve ikonlarda en az 3:1. Ayrıca bilgi yalnız renkle verilmemeli; renk körlüğü olan kullanıcılar için renkler metin ya da desenle desteklenmelidir.
Kontrast oranı ne anlama gelir?
| Oran | Kullanım | Not |
|---|---|---|
| 7:1 ve üzeri | Her boyutta metin | WCAG AAA düzeyi |
| 4,5:1 ve üzeri | Normal metin | WCAG AA düzeyi |
| 3:1 ve üzeri | Büyük metin, ikon, grafik öğe | Büyük metin ve grafik öğeler için alt sınır |
| 3:1 altı | Yalnız dekoratif kullanım | Bilgi taşıyan metin için uygun değil |
Palet kontrolü hakkında
İki rengin göreli parlaklıkları WCAG'nin tanımladığı formülle hesaplanır ve açık olanın koyu olana oranı alınır. Sonuç 1:1 (aynı renk) ile 21:1 (siyah-beyaz) arasındadır.
Yaygın kullanılan bir bilimsel modele dayanan yaklaşık bir gösterimdir. Her bireyin renk algısı farklıdır; simülasyon, renklerin birbirine yaklaşabileceği durumları fark etmeniz için bir uyarıdır.
Hayır. Baskı renkleri kâğıt, mürekkep ve baskı profiline göre değiştiği için ekran renginden otomatik dönüşüm yanıltıcı olabilir. Baskı kodları kimlik çalışmasında prova ile belirlenmelidir.
Hayır. Kontrol tamamen tarayıcınızda çalışır. Sonucu görüşme formuna aktarmayı seçerseniz, özet yalnız formu gönderdiğinizde bize ulaşır.
Paletinizi bir sisteme dönüştürelim
Görüşmede markanızın nerelerde göründüğünü, hangi uygulamaların gerektiğini ve mevcut durumu konuşur; kapsamı, süreci ve takvimi yazılı iletiriz. Bağlayıcı değildir.