Renk Paleti Oluşturucu

Çevrimiçi renk paleti oluşturucu: eksiksiz rehber

Volade renk paleti oluşturucu, renk paletleri oluşturmak, analiz etmek ve dışa aktarmak için şimdiye kadar yapılmış en kapsamlı web aracıdır. Basit bir rastgele üretimle sınırlı kalan klasik oluşturucuların aksine, Volade 6 üretim modunu, 10+ kromatik armoniyi, yapay zekâ amacına göre üretim sistemini, görselden renk çıkarmayı, karanlık modlu eksiksiz bir design system'ı, algısal renk ölçeklerini, OKLCH degradelerini, WCAG erişilebilirlik kontrolünü, renk körlüğü simülatörünü, palet puanlamasını ve 20+ dışa aktarma formatını birleştirir — hepsi %100 yerel, kayıt olmadan.

Palet üretimi: rastgeleliğin ötesinde

Oluşturucunun kalbinde birçok üretim modu vardır. Klasik rastgele üretim, tek tıkla uyumlu paletler oluşturur — ya da anında yeniden üretim için Boşluk çubuğuyla. Renk şemasına göre üretim, renk teorisi modellerini kullanır: monokromatik, analog, tamamlayıcı, bölünmüş tamamlayıcı, üçlü, dörtlü, çift tamamlayıcı ve kare. Amaca göre üretim daha da ileri gider: proje türünüzü (SaaS, fintech, e-ticaret...), bir stili (premium, brutalist, fütürist...) ve bir duyguyu (güven, enerji, sakinlik...) belirtirsiniz — araç, gerçek kullanımınıza uygun bağlamsal bir palet üretir.

Renk kilitleme bazı renkleri sabitlemenize ve yalnızca diğerlerini yeniden üretmenize olanak tanır; bir paleti kademeli olarak iyileştirmek için idealdir. Geçmiş, önceki tüm üretimleri saklar ve aralarında gezinmek için geri al/yinele sunar. Favoriler, tercih ettiğiniz paletleri kaydetmenizi sağlar.

Kromatik armoniler: 10+ teorik model

Oluşturucu, renk teorisinin tüm armoni modellerini içerir: tamamlayıcı (2 zıt renk), analog (3 komşu renk), üçlü (3 eşit aralıklı renk), dörtlü (4 renk), bölünmüş tamamlayıcı (genişletilmiş tamamlayıcı), monokromatik (tek ton, birden fazla tonda), koyu tonlar (karartma), açık tonlar (açıklaştırma), donuk tonlar (doygunluğu azaltma), sıcak ve soğuk. Her armoni, algısal ayarlamalarla HSL uzayında hesaplanır.

Design System: bir sistem haline gelen palet

Basit bir paletten design system'a geçiş, bu aracın gerçek gücüdür. Renklerinizden yola çıkan oluşturucu otomatik olarak şunları oluşturur: Brand (Primary, Secondary, Accent, Neutral), Semantic (Success, Warning, Error, Info), Surface (Background, Surface, Overlay), Text (Primary, Secondary, Muted), Border (Default, Focus). Karanlık mod, parlaklıkları ters çevirerek ve yüzeyleri ayarlayarak hesaplanır. Maksimum erişilebilirlik için Yüksek Kontrast modu mevcuttur.

Renk Ölçekleri: OKLCH ile 50 ila 950

Her renk için oluşturucu, OKLCH enterpolasyonuyla 11 tondan oluşan tam bir ölçek oluşturur (50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950). Bantlanmalar ve görsel kırılmalar üreten klasik RGB enterpolasyonunun aksine, OKLCH enterpolasyonu algısal olarak eşit rampalar oluşturur — her parlaklık adımı gerçekten eşit algılanır.

WCAG erişilebilirliği: doğrulamanın ötesinde

Erişilebilirlik bölümü yalnızca kontrast oranlarını kontrol etmekle kalmaz. Tüm ön plan/arka plan kombinasyonlarının tam bir matrisini oluşturur, normal ve büyük metinler için AA (4.5:1) ve AAA (7:1) seviyelerini test eder, UI bileşenlerini (3:1) doğrular ve uyumlu olmayan renkleri mümkün olan en az değişiklikle otomatik olarak düzelten bir oto-düzeltme özelliği sunar.

Görselden renk çıkarma: fotoğraf → palet → design system

Herhangi bir görseli — fotoğraf, logo, ekran görüntüsü — sürükleyip bırakın; oluşturucu 5 farklı algoritmayla renklerini çıkarır: baskın renkler, canlı renkler, donuk renkler, K-means kümeleme ve vurgu renkleri. 3 ila 20 renk çıkarabilir, ardından bu paleti design system'ınızın temeli olarak doğrudan uygulayabilirsiniz.

Puanlama: paletinizin kalitesini değerlendirin

Puanlama, paletinizi 6 eksen üzerinden değerlendirir: teorik armoni, WCAG erişilebilirliği, renkler arasındaki algısal mesafe, sıcaklık ve doygunluk tutarlılığı, UI kullanımı için uygunluk ve karanlık mod uygulanabilirliği. 90+ puan, profesyonel bir palete işaret eder. Araç her sonucu açıklar ve iyileştirmeler önerir.

20+ dışa aktarma formatı

Paletinizi istediğiniz formatta dışa aktarın: CSS Variables, SCSS, Tailwind CSS (v3 ve v4), JSON, JSON Design Tokens, TypeScript, YAML, CSV, SwiftUI, Jetpack Compose, Flutter/Dart, React Native, Vue, Svelte, WindiCSS, UnoCSS, Bootstrap, Material UI ve Chakra UI. Her dışa aktarım, renk ölçeklerini, semantik tokenları ve karanlık modu içerir.

Bu araç kimler için?

Tasarım sistemleri oluşturan UI/UX tasarımcıları için, renkleri CSS veya Tailwind'e entegre eden front-end geliştiricileri için, görsel kimlikleri belirleyen ürün yöneticileri için, WCAG uyumluluğunu doğrulayan erişilebilirlik ekipleri için, görsel kimliklerini oluşturan startup'lar için ve renkleri profesyonelce keşfetmek isteyen her içerik üreticisi için.