Renk Tonu Oluşturucu

Bunlar, bir rengin tonunu tanınabilir tutarak değiştirmenin üç klasik yoludur. Shade, rengi siyahla karıştırarak koyulaştırır. Tint, rengi beyazla karıştırarak açar ve yumuşatır. Tone ise rengi griyle karıştırarak, onu saf siyah veya beyaza itmeden yumuşatır. Bu araç, orijinal renkten %0'a kadar 11 adımlık bir şerit olarak üçünü de oluşturur.

Her adım, renginizin kırmızı, yeşil ve mavi kanallarını hedefe (siyah, beyaz veya gri) doğru sabit bir yüzdeyle harmanlar; bu, çoğu renk referans aracının kullandığı basit doğrusal enterpolasyon yaklaşımıdır, HSL'de parlaklık ayarlamak yerine. Bu yöntem, ilerlemeyi görsel olarak eşit tutar ve boya veya mürekkebi siyah, beyaz ya da griye doğru karıştırdığınızda elde edeceğiniz sonuçla eşleşir.

Tamamlayıcı, aynı doygunluk ve parlaklığı korurken renk çarkında yalnızca renk tonunu 180° döndürür; böylece canlı bir kırmızı, eşit derecede canlı bir camgöbeğine dönüşür, bu renk teorisi ve tasarımda kullanılan "karşıt renk"tir. Ters Çevrilmiş ise bunun yerine her kırmızı, yeşil ve mavi değeri çevirir (255 eksi orijinal), bu da parlaklığı da değiştirir; beyaz, ters çevirmede siyaha döner, ancak döndürülecek bir renk tonu olmadığından tamamlayıcı işlemde beyaz kalır.

Triadic, renk çemberinde 120° eşit aralıklarla iki renk daha seçer; birlikte dengeli görünen, güçlü kontrastlı üç renk elde edersiniz. Analogous, renginizin her iki yanında 30°'lik renkler seçer - çemberde birbirine yakın duran ve doğal olarak uyumlu görünen renklerdir. Monochromatic ise renginizin tam tonunu ve doygunluğunu korurken sadece parlaklığı değiştirir; farklı parlaklık seviyelerinde aslında aynı renk olduklarından her zaman uyumlu bir renk seti verir.

216 web-safe renk, eski 256 renkli ekranlarda aynı şekilde görüntülenen paleti oluşturur; her kırmızı, yeşil ve mavi kanal altı değerden birine sınırlıdır (0, 51, 102, 153, 204, 255). Modern ekranların bu kısıtlamaya ihtiyacı yoktur, ancak web-safe eşdeğeri retro stiller veya son derece sınırlı renk çıktısı için hâlâ yararlı bir referanstır.

HSL, HSV ve CMYK, farklı amaçlar için tasarlanmış farklı modeller üzerinden aynı rengi tanımlar. HSL ve HSV her ikisi de tonu (hue) tanımlar; HSV'nin "value" ile HSL'nin "lightness" değeri arasındaki fark, aynı rengin ikisi arasında farklı bir doygunluk yüzdesi bildirmesine yol açabilir. CMYK, bir yazıcının ne kadar camgöbeği, macenta, sarı ve siyah mürekkep karıştıracağını tanımlar; bu, RGB ve HSL/HSV'nin kullandığı katkılı kırmızı, yeşil ve mavi ışık kurallarından farklı olarak çıkarımlı renk kurallarını izler, bu yüzden basit bir doğrudan dönüşüm değildir.

Evet. Renk Değerleri satırındaki, herhangi bir shade, tint, tone veya renk şeması örneğindeki herhangi bir hex koduna tıklayarak panoya kopyalayabilirsiniz. Alttaki CSS Kodu bölümünde hazır background-color, color, border-color ve box-shadow kuralları, kendi kopyalama butonlarıyla birlikte bulunur.