Renk Paleti Üret

Optik renk teorisinde harmonik ilişkiler, 360 derecelik silindirik renk çarkı üzerindeki kesin açısal mesafelerle yönetilir. Palet üretim motorumuz renkleri; Tonun (Hue) bir açıyı $\theta \in [0^\circ, 360^\circ]$, Doygunluğun (Saturation) merkezden radyal mesafeyi ve Açıklığın (Lightness) dikey yükselişi temsil ettiği kutupsal koordinatlar olarak modeller. Motor, herhangi bir tohum renkten beş temel şema oluşturur: 1. Tamamlayıcı Uyumlar ($\theta + 180^\circ$): Renk çarkı genelinde bir taban tonu tam karşıt zıttıyla eşleştirir. Bu, mümkün olan en yüksek kromatik kontrastı üreterek onu yüksek dönüşümlü eyleme çağrı (CTA) düğmeleri, hata rozetleri ve etkin durum göstergeleri için endüstri standardı haline getirir. 2. Benzer (Analog) Uyumlar ($\theta \pm 30^\circ$ ila $\theta \pm 45^\circ$): Renk çarkında komşu tonları seçer. Benzer paletler doğal, organik dinginlik uyandırarak (zümrüt yeşillerine karışan okyanus mavisi tonları gibi) rahat, sürtünmesiz arka plan ve gezinme atmosferleri yaratır. 3. Üçlü (Triadic) Uyumlar ($\theta + 120^\circ, \theta + 240^\circ$): Renk çarkı üzerinde eşkenar bir üçgen oluşturur. Üçlü şemalar, tüketici yazılımlarında ve gençlik yaşam tarzı markalamasında yaygın olarak tercih edilen, istikrarlı yapısal dengeyi korurken canlı ve eğlenceli bir enerji sunar. 4. Bölünmüş Tamamlayıcı Uyumlar ($\theta + 150^\circ, \theta + 210^\circ$): Bir temel rengi tamamlayıcısına bitişik iki renkle birleştirerek, saf tamamlayıcıların bazen neden olduğu sert ve sarsıcı titreşim olmadan yüksek görsel nüans sunar. 5. Monokromatik Ton Skalaları (Sabit $\theta$): Tonu sabit tutarken Açıklık ve Doygunluğu değiştirerek sofistike, sade kurumsal lüks üretir.

Modern ön yüz çerçeveleri (Tailwind CSS gibi), renkleri standartlaştırılmış 10 adımlı sayısal skalalara göre düzenler: `50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950`. Temel marka rengi tipik olarak `500` adımını sabitler. Ancak çevreleyen tonları üretmek basit bir doğrusal soldurma değildir: RGB uzayında doğrusal enterpolasyon, gölgelerde kasvetli çamurlu kahverengiler ve açık tonlarda tebeşirimsi, doygunluğu gitmiş pasteller üretir.

Motorumuz algısal, doğrusal olmayan ton eğrisi enterpolasyonunu uygular. Daha açık tonlar (50 ila 400) için algoritma, neon parlamayı önlemek amacıyla Doygunluğu ($S$) nazikçe daraltırken Açıklığı ($L$) kademeli olarak %98'e doğru yükseltir. Daha koyu gölgeler (600 ila 950) için Açıklık %8'e doğru sıkıştırılırken çamurlu siyah kırpılmasını önlemek için kromatik yoğunluk ayarlanır. Sonuç, her adımın görsel olarak birbiriyle ilişkili hissettirdiği parlak, uyumlu bir rampadır; bu da geliştiricilerin arka planları, ince kenarlıkları, fareyle üzerine gelme (hover) durumlarını ve etkin basılmış durumları matematiksel tutarlılıkla stillendirmesine olanak tanır.

Dijital erişilebilirlik, uluslararası uyumluluk standartları (ADA Başlık III, Avrupa Erişilebilirlik Yasası, Madde 508) kapsamında yasal bir zorunluluktur. Web İçeriği Erişilebilirlik Yönergeleri (WCAG 2.1), ön plan metni ile altındaki arka plan renkleri arasında belirli kontrast oranları gerektirir: - Seviye AA (Normal Metin): Minimum $4.5:1$ kontrast oranı. - Seviye AA (Büyük Metin $\ge 18\text{pt}$): Minimum $3.0:1$ kontrast oranı. - Seviye AAA (Gelişmiş Kontrast): Minimum $7.0:1$ kontrast oranı. Oluşturucumuz, doğrusallaştırılmış sRGB katsayılarını kullanarak üretilen her renk örneğinin bağıl parlaklığını değerlendirir: $L = 0.2126R_{\text{lin}} + 0.7152G_{\text{lin}} + 0.0722B_{\text{lin}}$. Kontrast oranı $CR$, standart beyaz (#FFFFFF) ve koyu arduvaz (#0F172A) arka planlara göre hesaplanır: $$CR = \frac{L_{\text{lighter}} + 0.05}{L_{\text{darker}} + 0.05}$$ Gerçek zamanlı görsel rozetler, ön yüz mühendislerine skaladaki hangi tonların beyaz veya siyah metni yasal olarak barındırabileceğini tam olarak gösterir ve kod denetimleri sırasındaki erişilebilirlik düzeltmelerini ortadan kaldırır.

Acemi tasarımcılar arasındaki yaygın bir tuzak, renkleri bir arayüz genelinde eşit olarak dağıtmak ve bunun sonucunda görsel kaosa yol açmaktır. Profesyonel sanat yönetmenleri zamansız 60-30-10 kuralına bağlı kalır: 1. %60 Baskın Temel: Nötr tuval arka planı (açık modda tipik olarak adım 50 veya 100, karanlık modda ise adım 900/950), sakin bir görsel alan oluşturur. 2. %30 Yapısal İkincil: Kartlar, kenar çubukları, kenarlıklar, etkin gezinme hapları ve ikincil tipografi (tipik olarak adım 200, 300 ve 700), yapısal tanım sağlar. 3. %10 Canlı Vurgu Patlaması: Yalnızca birincil eylem düğmeleri, bildirim rozetleri ve kritik dönüşüm bağlantıları için ayrılmış yüksek kontrastlı tamamlayıcı veya üçlü renk (adım 500 veya 600). Kullanıcı ekrana göz attığında, %10 vurgu anında bakışları üzerine çeker.

Ham ilhamı üretime hazır web varlıklarına dönüştürmek için Renk Paleti Oluşturma aracını 2run.tools paketindeki bitişik araçlarla birleştirin: 1. Baskın Renkler veya Renk Seçici ile Çıkarma: Kaynak fotoğrafınızdan veya ruh hali panosu varlığınızdan [Baskın Renkler](/tr/tools/image/dominant-colors/) veya [Renk Seçici](/tr/tools/image/color-picker/) ile ana tonu örnekleyin. 2. Palet Oluşturucu ile Harmonik Sistem Üretimi: Tamamlayıcı, benzer veya üçlü şemaları sentezleyin ve eksiksiz 10 adımlı ton rampasını üretin. 3. Erişilebilirlik Doğrulaması: Erişilebilir düğme ve tipografi renk kombinasyonlarını seçmek için WCAG kontrast rozetlerini inceleyin. 4. Grafik Varlık Stillendirme: Tanıtım grafiklerini birleştirmek için yeni üretilen marka vurgu kodlarınızı [Kenarlık Ekleme](/tr/tools/image/add-border/) veya [Renk Tonu](/tr/tools/image/color-tint/) içinde uygulayın. 5. Geliştirici Belirteç Devir Teslimi: Üretime hazır CSS özel özelliklerini (`:root { --color-primary-500: #...; }`) veya Tailwind yapılandırma nesnelerini doğrudan kod deponuza kopyalamak için dışa aktara tıklayın.