Marka Mavisi #0000FF Değildir: Intel, LinkedIn, IBM ve Dell Maviyi Nasıl Kullanıyor
Saf mavi baskıda daha gri çıkar, link gibi görünür ve siyah üzerinde zor seçilir. Ünlü mavi logoların hepsi bunun yerine daha sakin bir mavi kullanır. Kesin kodları, Facebook ve Visa mavilerinin baskıda neden kaydığı ve seninkini nasıl seçeceğin.
İyi bir marka mavisi asla #0000FF değildir. Saf mavi, bir ekranın üretebileceği en koyu mavidir. Bu kulağa güçlü gelir, ta ki logo baskıya gidip daha gri geri gelene ya da her mavi şeyin link gibi göründüğü bir web sayfasına düşene kadar. Ünlü mavi logoların hepsi bu sorunu aynı şekilde çözer ve bu kalıbı kendi logon için kopyalamak kolaydır.
Saf mavi neden zor
Saf mavi, ekranın renk uzayının köşesidir: mavi ışık tam güçte ve başka hiçbir şey yok. Baskı mürekkebi o köşeye ulaşamaz.
Ekranda
Baskıda, kuşe kâğıtta
Standart bir kuşe baskı için dönüştürüldüğünde #0000FF, CMYK 93/75/0/0 olur ve yaklaşık #2C4A9A olarak çıkar: daha gri ve daha düz. Fark, eğitimli bir gözün bunu farklı bir renk sayacağı kadar büyüktür. Yani kartvizitindeki mavi web sitendeki maviyle uyuşmaz.
Saf mavinin siyah üzerinde de ikinci bir sorunu var. Parlak renklerin en koyusudur, bu yüzden koyu zeminde mavi yazı ya da mavi bir işaret neredeyse kaybolur.
Beyaz üzerinde
Siyah üzerinde
Üstelik link gibi görünür
Tarayıcının varsayılan linki
Saf mavi
Tarayıcılar ziyaret edilmemiş linkleri HTML Standard'ın önerilen stil sayfasındaki gibi #0000EE ile boyar. Bu, #0000FF'ten tek adım uzaktır. Dolayısıyla saf mavi bir logo ya da buton ya tıklanacak bir şey ya da stili unutulmuş bir şey gibi okunur.
Ünlü maviler bunu nasıl yapıyor
Intel: #0068B5
Saf maviden cyan'a doğru yaklaşık 34 derece kaymış, net bir orta mavi. Baskıda ekran rengine 0,8 Delta E içinde yaklaşır, bu da gözle görülemeyecek kadar küçük. Intel logosu bu mavi üzerinde beyaza çevrilmiş halde kullanılır ve beyaz yazı üzerinde kolay okunur.
LinkedIn: #0A66C2
Intel'inkinden biraz daha mor dokunuşlu, dost canlısı bir mavi. Dörtlü içinde baskıda en çok kayan bu, 2,0 Delta E ile, ki bu hâlâ gözün fark edebileceği sınırın tam kenarında. Yazı logosu ve kutu beyaz olur, "in" ise mavi oyulur.
IBM: #1F70C1
İçinde biraz gri olan, sabit ve hafif yumuşak bir mavi. Çizgili harfler ince olduğu için rengin beyaz çizgilerin okunacağı kadar açık kalması gerekir: bu mavi üzerinde beyaz, yazı için erişilebilirlik asgarisini rahatça aşar. Baskıda 1,3 Delta E ile çıkar.
Dell: #007DB8
Dell'in 2016 yenilemesinden gelen, dördünün en açık ve en cyan'ı. Buradaki en temiz mavi, saf maviden 41 derece uzakta ve 0,9 Delta E içinde basılıyor. Aynı zamanda beyaz yazıya en az pay bırakan: kontrast testini geçiyor ama ucu ucuna.
Hepsinin yaptığı üç şey
Cyan'a doğru kayarlar. Saf mavi renk çemberinde 240 derecededir, varsayılan link rengi de öyle. Dell 199'da, Intel 206'da, LinkedIn ve IBM 210'da durur. 240'tan 30 ila 40 derece uzaklaşmak maviyi sakinleştiren ve hyperlink gibi görünmesini engelleyen şeydir.
Beyazda da siyahta da çalışırlar. Saf mavi beyazda güçlüdür, siyahta batar. Bu dördü açıklık aralığının ortasında durur, bu yüzden beyaz yazı hepsinde geçer ve her biri koyu zeminde bir renk olarak görünür kalır.
Baskıda doğru çıkarlar. Hepsi 2,0 Delta E içinde provalanır.
| Marka | Mavi | Ton | Üzerinde beyaz yazı | Siyah üzerinde renk olarak | Baskı kayması |
|---|---|---|---|---|---|
| Saf mavi | #0000FF | 240° | Geçer, 8,6 / 1 | Kalır, 2,4 / 1 | Büyük, 16,6 |
| Intel | #0068B5 | 206° | Geçer, 5,8 / 1 | Geçer, 3,6 / 1 | Görünmez, 0,8 |
| #0A66C2 | 210° | Geçer, 5,7 / 1 | Geçer, 3,7 / 1 | Küçük, 2,0 | |
| IBM | #1F70C1 | 210° | Geçer, 5,1 / 1 | Geçer, 4,1 / 1 | Küçük, 1,3 |
| Dell | #007DB8 | 199° | Geçer, 4,5 / 1 | Geçer, 4,6 / 1 | Görünmez, 0,9 |
2'nin altındaki bir baskı kayması görmek zordur. 5'in üzerinde, basılan renk farklı bir mavi gibi okunur.
Baskıda gerçekten kayan maviler
Ekran kontrollerini geçmek yetmez, çünkü baskı kendi başına bir testtir. Aynı şekilde ölçüldüğünde, ünlü üç mavi daha kuşe baskıda epey kayıyor.
| Marka | Mavi | Ton | Üzerinde beyaz yazı | Baskı kayması |
|---|---|---|---|---|
| #0866FF | 217° | Geçer, 4,8 / 1 | Büyük, 9,7 | |
| Visa | #1434CB | 230° | Geçer, 8,8 / 1 | Büyük, 9,2 |
| Samsung (alıntılanan) | #1428A0 | 231° | Geçer, 11,4 / 1 | Fark edilir, 6,0 |
Facebook'un mavisi ilginç olanı. Cyan'a kayan aralıkta duruyor, beyaz yazı testini geçiyor ve yine de belirgin biçimde farklı bir mavi olarak çıkıyor.
Daha parlak, daha doygun maviler dört renkli mürekkebin basabileceğinin dışına düşer. Bu markaların kendi nedenleri var ve çoğunlukla ekranlarda yaşıyorlar, yani bu bir ölçüm, hata değil. Logon için ders şu: tondan tahmin etme, baskı provasını al.
Logon için mavi nasıl seçilir
- Saf maviden 30 ila 40 derece uzakta başla. #0000FF'i cyan'a doğru, dört ünlü mavinin kullandığı aralık olan yaklaşık 199 ile 210 derece arasına gelene kadar çek.
- Üç şekilde test et. Üzerindeki beyaz yazı gövde boyutunda kolay okunmalı. Renk siyah üzerinde yine de görünmeli. Ve #0000EE'nin yanında link gibi görünmemeli.
- Baskıda prova al. Tasarım aracında kuşe kâğıt profiliyle soft proof yap ya da matbaandan prova iste. Basılan mavi farklı bir renge benziyorsa, ekran ve baskı uyuşana kadar kaydır.
Bu 4 maviyi çal
Dört mavi, her markanın çizdiği haliyle.
Bunları incelemek ve kendi maviyi yanlarında test etmek için kullan. İlgili bir sektördeki yeni bir logo için ünlü bir markanın birebir mavisini kopyalamak, taklit gibi görünmenin yoludur: kalıbı kullan, kodları değil.
SSS
Intel mavisinin hex kodu nedir?
Intel mavisi, Intel logo dosyasında çizildiği haliyle #0068B5'tir.
LinkedIn mavisinin hex kodu nedir?
LinkedIn mavisi, 2021 LinkedIn logo dosyasında çizildiği haliyle #0A66C2'dir.
IBM mavisinin hex kodu nedir?
IBM mavisi, IBM logo dosyasında çizildiği haliyle #1F70C1'dir.
Dell mavisinin hex kodu nedir?
Dell mavisi, 2016 yenilemesinden gelen Dell logosunda çizildiği haliyle #007DB8'dir.
#0000FF neden logo için kötü?
Baskıda ekrandakinden belirgin biçimde daha gri çıkar, varsayılan tarayıcı linkiyle neredeyse aynı mavidir ve siyah üzerinde neredeyse kaybolur. Cyan'a kayan daha sakin bir mavi üçünü de çözer.
Tarayıcıda varsayılan link rengi nedir?
HTML Standard'ın önerilen stil sayfasında ziyaret edilmemiş linkler #0000EE'dir, bu da saf maviden tek adım uzaktır.
Logo için iyi bir mavi nedir?
Intel, LinkedIn, IBM ve Dell mavileri gibi, yaklaşık 199 ile 210 derece ton arasında, beyaz yazıyı geçen, siyah üzerinde görünür kalan ve baskıda yaklaşık 2 Delta E içinde provalanan bir orta mavi.
Kaynaklar
- Renkler, Wikimedia Commons'taki her markanın logo dosyasından okundu: Intel logosu (2020), LinkedIn (2021), IBM, Dell (2016).
- Varsayılan link rengi: HTML Standard, rendering, burada
:linkdeğeri#0000EE'dir. - Baskı kayması: Coated FOGRA39 baskı profilinde soft proof, Delta E 2000 olarak ölçüldü. #0000FF, #2C4A9A olarak provalanır, fark 16,6. Dört ünlü mavi 0,8 ile 2,0 arasında kayar. Facebook'un #0866FF, Visa'nın #1434CB ve Samsung'un alıntılanan #1428A0 değerleri sırasıyla 9,7, 9,2 ve 6,0 kayar.
- Ton açıları hex kodlarından HSL modeliyle hesaplandı. Renk üzerinde beyaz ve siyah üzerinde renk oranları WCAG 2 kontrast formülüyle hesaplandı.
- Her logo, bu markaların kendi renkleri üzerinde kullandığı sürüm olan, kendi mavisi üzerinde beyaza çevrilmiş halde gösterilir. Yalnızca yeniden renklendirildi, asla yeniden çizilmedi ve ticari markalar sahiplerine aittir.
- İlk olarak Logo Brainy üzerinde bir carousel olarak yayımlandı.
Choosing colors for a new logo? Our team designs brand identities with colors that work on screen, in print and next to each other.
Get Started
