Yanseku
İçeriğe atla

Renk Sözlüğü

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.

Tonlamalık

Ton

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.

Aydınlık

Aydınlık

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.

Doygunluk

Doygunluk

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.

Ton / Gölge / Ton

Ton / Gölge / Açık Ton

Saf tonlamalık artı beyaz bir tondur, artı siyah bir gölgedir, artı gri bir tondur. Marka renk skalaları kontrollü ton/gölge dizileridir.

Renk Sıcaklığı

Renk Sıcaklığı

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.

Kontrast Oranı

Kontrast Oranı

Ö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.

APCA

APCA

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 Uzayı

Renk Uzayı

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.

gamut

Gamut

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.

HEX

Onaltılık

#RRGGBB altı haneli gösterim; 24 bit renk (yaklaşık 16,7 milyon renk) web'in renk uzayının kendisidir.

RGB

RGB

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.

CMYK

CMYK

Çı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.

HSL

HSL

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.

OKLCH

OKLCH

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.

Algısal Tek Biçimlilik

Algısal Tek Biçimlilik

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.

CIEDE2000

CIEDE2000

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.

Pantone

Pantone Eşleşme Sistemi

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.

RAL

RAL Klasik

Endüstriyel kaplamalar ve toz boyama için referans olan Alman ulusal standart renk sistemi — örneğin RAL 3020 trafik kırmızısı.

NCS

Doğal Renk Sistemi

Siyahılık, renklilik ve ton ile rengi tanımlayan İsveç sistemi; mimarlık ve iç mekanlarda yaygındır.

Munsell

Munsell

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.

Erişilebilir Renk

Erişilebilir Renk

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.

Anlamsal Renk

Anlamsal Renk

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.

Birincil Renk

Birincil Renk

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.

Vurgu Rengi

Vurgu Rengi

Birincilin ötesindeki kontrast noktası: maksimum ton veya doygunluk karşıtlığı ile çok az kullanım (%5'ten az) — bildirim noktaları, CTA düğmeleri.

Nötr Renk

Nötr Renk

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.

Renk Ölçeği

Renk Ölçeği

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.

Tamamlayıcı

Tamamlayıcı

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.

Analog

Analog

İ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.

Daha derine in

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.