Renk Araçları

Seçici: Büyük kare, geçerli tonda bir doygunluk-değer haritasıdır — soldan sağa doygunluk artar, yukarıdan aşağıya parlaklık azalır. Renk seçmek için üzerinde herhangi bir yere tıklayın. Sağdaki ince dikey çubuk ton kaydırıcısıdır (0°'den 360°'ye) — temel tonu değiştirmek için kaydırın ve kare buna göre yeniden çizilir. Sağ taraf seçilen rengi HEX, RGB ve HSL biçimlerinde gösterir — kopyalamak için herhangi bir değere tıklayın.

Palet: Soldaki renk seçici ve sağdaki düzenleme kutusu aynı Temel rengi saklar — iki yönlü senkronize edilirler (bir renk seçin veya bir hex değeri yazın, ikisi de birbirini günceller). Aşağıdaki beş palet satırının tamamı, bu Temel rengin tonunu renk çemberi etrafında döndürmesiyle bu Temel renkten türetilir: Tamamlayıcı (ton +180°, en güçlü kontrast), Triad (+120° / +240°, dengeli üçlü), Tetrad (+90° / +180° / +270°, dikdörtgen dört renk), Analog (-30° / temel / +30° / +60°, uyumlu komşular) ve Bölünmüş Tamamlayıcı (+150° / +210°, saf tamamlayıcıdan daha yumuşak). Her satırdaki ilk örnek her zaman Temel rengin kendisidir; kalanlar tonu döndürülmüş varyantlarıdır.

Dönüştür: Herhangi bir geçerli rengi girin — HEX (#3b82f6), CSS işlevi (rgb(59,130,246) / hsl(217,90%,60%)) veya adlandırılmış renk (dodgerblue) — ve tüm başlıca biçimlere anında dönüşümünü alın. Otomatik algılama yanlış biçimi seçerse, biçim açılır listesi ayrıştırıcıya isteğe bağlı ipucu verir. Çıktı HEX, RGB (0-255), HSL (derece, %, %), HSV ve CMYK gösterir. Kopyalamak için herhangi bir değere tıklayın.

Körlük: Simüle etmek için bir görüntü yükleyin ve bir renk görme eksikliği türü seçin. Araç her piksele bir koni-yanıt matrisi dönüşümü uygular; RGB değerlerini, farklı renk körlüğü biçimlerine sahip insanların görüntüyü nasıl algıladığına yaklaşacak biçimde yeniden eşler. Sol tuval özgün görüntüyü, sağ tuval simüle edilmiş görünümü gösterir. Açılır liste üç dikromasi türünü (bir koni pigmentinin eksik olduğu: protanopi, deuteranopi, tritanopi), tam akromatopsiyi (renk görmesinin olmaması) ve üç anormal trikromasi türünü (zayıf koni yanıtı) kapsar. Daha düşük çözünürlüklü görüntüler daha hızlı yüklenir.

Gradyan: Bu görsel bir CSS gradyan oluşturucudur. Doğrusal (yönlü) veya radyal (merkezden dışa) seçin, açıyı belirleyin (0° = alttan üste, 90° = soldan sağa) ve renk duraklarını tanımlayın. Her durağın bir renk seçici vardır ve eşit aralıklıdır (üç durak için %0, %50, %100). Daha karmaşık gradyanlar için ara renk noktaları eklemek üzere + Durak'a tıklayın. Önizleme canlı güncellenir ve üretilen CSS aşağıda kopyalanmaya hazırdır.

Kontrast: Ön plan metni ile arka plan rengi arasındaki WCAG 2.1 kontrast oranını, sRGB değerlerinden (gama düzeltmeli) göreli parlaklık formülüyle hesaplar. Oran 1:1 (aynı renkler) ile 21:1 (siyah ve beyaz) arasında değişir. Sonuçlar üç uyumluluk düzeyinde geçti/kaldı gösterir: AA Normal Metin (oran ≥ 4,5:1), AAA Büyük Metin (18pt veya kalın 14pt ve üzeri metin için oran ≥ 4,5:1) ve AAA Normal Metin (oran ≥ 7:1). Renkleri ayarladıkça örnek metin önizlemesi gerçek zamanlı güncellenir.

Çıkar: Herhangi bir görüntü yükleyin; araç renk niceleme kullanarak baskın renk paletini belirler. Görüntü 100×100 px'ye küçültülür, ardından her piksel kanal başına 4 bitlik histograma (R/G/B başına 16 düzey = 4096 kutu) yerleştirilir. Saydam pikseller atlanır. En sık kutular piksel sayısına göre sıralanır ve her kutunun merkez rengi bir renk örneği olur. Her örnek HEX değerini ve temsil ettiği görüntü piksellerinin yüzdesini gösterir. Çıkarılacak baskın renk sayısını kontrol etmek için sayı kaydırıcısını (2-12) ayarlayın.

Karıştırıcı: İki rengi RGB renk uzayında doğrusal enterpolasyonla harmanlar. Oran kaydırıcısı karışımı belirler: %0 saf Renk 1, %100 saf Renk 2 ve %50 eşit bir karışımdır. Her R, G, B kanalı bağımsız olarak enterpole edilir (ör. %50'de kırmızı + mavi mor verir). Kaydırıcıyı sürükledikçe veya herhangi bir rengi değiştirdikçe sonuç önizlemesi ve HEX/RGB değerleri canlı güncellenir.

Sıcaklık: Kelvin cinsinden siyah cisim renk sıcaklığını, Tanner Helland'ın yaklaşım algoritmasını kullanarak karşılık gelen görünür renge dönüştürür. Düşük sıcaklıklar (1000-3000K) mum ışığı ve akkor ampuller gibi sıcak turuncu/kırmızı tonlar üretir; orta aralık (4000-6500K) nötr beyazdan gün ışığına kadar uzanır; yüksek sıcaklıklar (8000-40000K) bulutlu gökyüzü ve derin su gibi serin maviye kayar. Aşağıdaki etiket her sıcaklık için en yakın gerçek dünya ışık kaynağını belirtir.

Adlandırılmış: 80 geleneksel Çince rengin (胭脂, 朱砂, 黛蓝 vb. — klasik Çin edebiyatı, resim ve boyama geleneklerinden alınmış adlar) ve 140+ CSS adlandırılmış rengin (standart web paleti) birleşik bir koleksiyonuna göz atın. Ad veya HEX değerine göre filtrelemek için arama kutusunu kullanın ya da açılır listeyle kategoriler arasında geçiş yapın. Herhangi bir renk çipine tıklayarak ad ve HEX kodu ile büyük bir önizleme görün — kopyalamak için koda tıklayın.