Tonlamalık
TonBir rengin kimliği — kırmızı, turuncu, sarı, yeşil… renk çemberi etrafında açıyla dağılmıştır (0° kırmızı, 120° yeşil, 240° mavi). İnsanların 'ne renk' dediği şey tonlamalıktır.
Tonlamadan CIEDE2000'e — tasarım iş birliğinde en çok karıştırılan renk terimleri, tek bir tabloyla netleştirildi. Her terim, uygulamalı olarak doğrulamanızı sağlayan araca bağlanır.
Bir rengin kimliği — kırmızı, turuncu, sarı, yeşil… renk çemberi etrafında açıyla dağılmıştır (0° kırmızı, 120° yeşil, 240° mavi). İnsanların 'ne renk' dediği şey tonlamalıktır.
Bir rengin ne kadar açık veya koyu olduğu, saf siyahdan saf beyaza kadar. Aynı tonlamalıkta, beyaz olan daha açık, siyah olan daha koyudur; aydınlık okunabilirliği ve karşıtlığı belirler.
Bir rengin yoğunluğu — %0 gri, %100 saf tonlamalıktır. Yüksek doygunluk dikkat çeker ama aynı zamanda yorar; arayüzler bunu genellikle ana eylemler için ayırır.
Saf tonlamalık artı beyaz bir tondur, artı siyah bir gölgedir, artı gri bir tondur. Marka renk skalaları kontrollü ton/gölge dizileridir.
Işığın Kelvin cinsinden sıcaklığı: düşük K turuncuya (sıcak), yüksek K maviye (soğuk) eğilir. Ekranın sıcak modu sadece sıcaklığını düşürür.
Ön plan ile arka plan arasındaki parlaklık oranı, 1:1'den 21:1'e kadar. WCAG, gövde metin için ≥ 4.5:1 ve büyük metin için ≥ 3:1 gerektirir — bu erişilebilirliğin temel seviyesidir.
WCAG 3 aday kontrast algoritması. Yazı tipi boyutunu, kalınlığını ve polariteyi dikkate alır ve karanlık mod ile düşük kontrastlı metinleri WCAG 2.1'den daha doğru okur.
Renk için bir koordinat sistemi. sRGB web varsayılanıdır, Display P3 daha fazla alan kapsar, OKLCH rengi insan algısına göre düzenler.
Bir cihazın veya uzayın görüntüleyebildiği tam aralık. Neon yüksek doygunluklu renkler genellikle sRGB'nin dışında kalır — ekran sadece en yakın yaklaşımını gösterebilir.
#RRGGBB altı haneli gösterim; 24 bit renk (yaklaşık 16,7 milyon renk) web'in renk uzayının kendisidir.
Toplayıcı kırmızı-yeşil-mavi modeli, kanal başına 0-255. Ekranların ışık yayma şekli, RGB'yi dijital dünyanın yerel modeli yapar.
Çıkarıcı camgöbeği-magenta-sarı-siyah modeli, baskının dilidir. Ekran RGB'sinin CMYK'ya dönüşümü sadece teorik bir yaklaşımdır — fiziksel renk örneklerine karşı kanıttır.
RGB'den daha sezgisel olan Ton/Doygunluk/Aydınlık silindiri. Kusuru tek tip olmamasıdır: %50 aydınlıkta sarı maviden çok daha parlak görünür.
Yeni algısal olarak tek tip alan: aynı aydınlık değeri aynı algılanan aydınlık anlamına gelir, enterpolasyon asla griye dönüşmez — tasarım sistemi ölçekleri için yeni standart. Yerel CSS desteği vardır.
Sayısal değişim algılanan değişimle orantılıdır. Tek tip bir alanda 10'luk bir fark her yerde eşit derecede farklı görünür — CIEDE2000 ve OKLCH'nin temelidir.
CIE'nin renk farkı formülü. ΔE algılanan mesafeyi ifade eder: 1'in altı neredeyse görünmez, 5'in altı 'aynı renk' olarak okunur, 10'un üzeri açıkça farklıdır.
Küresel spot renk sistemi, baskı ve modanın ortak dili. Her kodun kendi mürekkep tarifi vardır; ekran görüntüsü bir simülasyondur.
Endüstriyel kaplamalar ve toz boyama için referans olan Alman ulusal standart renk sistemi — örneğin RAL 3020 trafik kırmızısı.
Siyahılık, renklilik ve ton ile rengi tanımlayan İsveç sistemi; mimarlık ve iç mekanlarda yaygındır.
Ton, değer ve kromaya göre organize edilen, asırlık bir sistem; hala toprak ve tarım sınıflandırması için resmi standarttır.
Renk görme yetersizliği olan kullanıcılar (erkeklerin yaklaşık %8'i) tarafından kullanılabilen paletler: asla yalnızca renkle kodlama yapmayın, kontrastı koruyun, simülasyonla doğrulayın.
Tonuna göre değil amacına göre adlandırılan renkler: birincil/basarılı/uyarı/tehlike. Anlamlar, temalama ve karanlık modu mümkün kılar.
Bir markanın veya arayüzün en tanınabilir rengi, ana eylemleri ve vurguları taşır. Genellikle yüzeyin %10'undan azı — fazla kullanım çekiciliğini azaltır.
Birincilin ötesindeki kontrast noktası: maksimum ton veya doygunluk karşıtlığı ile çok az kullanım (%5'ten az) — bildirim noktaları, CTA düğmeleri.
Gri ölçeği: arka planlar, ayırıcılar, gövde ve ikincil metinlerin hepsi üzerinde bulunur. Bir nötrün sıcak veya soğuk eğilimi tüm arayüzün karakterini belirler.
Bir marka renginin açıklığa göre 11 adımda (50-950) genişletilmiş hali, tasarım sistemlerinin temelidir — üzerine gelme, kenarlıklar ve karanlık modun tümü aile içi renkler alır.
Tekerlek üzerinde 180° ayrık renkler (kırmızı-yeşil, mavi-turuncu). Birlikte birbirlerini yoğunlaştırırlar — vurgular için harikadır, 1:1 oranında birbirleriyle çatışırlar.
İki ila dört komşu ton (mavi, mavi-yeşil, yeşil). Uyumlu ve güvenli ancak düzdür — bir tamamlayıcı vurgusu sakinliği bozar.
Sözlük bir başlangıçtır — Renk Anlamları her ailenin kültürünü ve psikolojisini kapsar ve İstatistik raporu 30.000 isimle renk yapısını doğrular.