Etkileşimli renk çarkımızla çarpıcı renk uyumları oluşturun. Tamamlayıcı, üçlü, analog ve diğer renk şemalarını üretin. CSS, SCSS, Tailwind, PNG, PDF veya JSON olarak dışa aktarın.
Herhangi bir görselden çevrimiçi olarak ücretsiz renkleri çıkarın. Bir görsel yükleyin, renkleri seçmek için tıklayın ve HEX, RGB, HSL ve CMYK değerlerini alın. Renk paletleri oluşturun ve dışa aktarın.
Web erişilebilirliği uyumluluğu için renk kontrast oranlarını kontrol edin. Metin ve arka plan rengi kombinasyonlarını WCAG yönergelerine göre gerçek zamanlı önizleme, erişilebilirlik derecelendirmeleri ve iyileştirme önerileriyle test edin.
Gelişmiş özelliklerle renk paletleri oluşturun, görüntüleyin ve yönetin. Renk teorisi kullanarak paletler oluşturun, çeşitli formatlardan içe aktarın, erişilebilirlik kontrastını kontrol edin ve CSS, SCSS, Tailwind, JSON veya PNG formatlarına aktarın.
Görsellerinizi çıkarılan renk paletleriyle birleştirerek çarpıcı görsel kolajlar oluşturun. Herhangi bir görseli yükleyerek baskın renklerini otomatik olarak çıkarın ve özelleştirilebilir düzenler, stiller ve en-boy oranlarıyla güzel kompozisyonlar yaratın.
Gelişmiş renk bilimi kullanarak CMYK renklerini en yakın Pantone eşleşmelerine dönüştürün. Gerçek zamanlı renk karşılaştırma ve kopyalama işlevselliği ile popüler Pantone renklerinin derlenmiş bir koleksiyonuna göz atın.
Kullanımı kolay gradyan oluşturucumuzla çarpıcı CSS doğrusal ve radyal gradyanlar oluşturun. Web projeleriniz için anında renkleri seçin, yönleri belirleyin ve CSS kodunu kopyalayın.
Açılır menüyü kullanarak tamamlayıcı, monokromatik, analog, üçlü, dörtlü veya bölünmüş tamamlayıcı renk şemalarından birini seçin.
Temel renginizi seçmek için renk çarkına tıklayın ve sürükleyin. Uyum renkleri seçiminize göre otomatik olarak güncellenecektir.
Uyum ilişkisini korurken renk paletinizin parlaklığını ayarlamak için dış parlaklık halkasını kullanın.
Bireysel renkleri kopyalamak için renk örneklerine tıklayın veya paletinizi çeşitli formatlarda indirmek için Dışa Aktar düğmesini kullanın.
Hassas renk seçimi için ayrı parlaklık kontrol halkasına sahip görsel bir renk çarkında renkleri sürükleyin ve ayarlayın.
Tamamlayıcı, monokromatik, analog, üçlü, dörtlü ve bölünmüş tamamlayıcı renk şemalarını otomatik olarak oluşturun.
HEX, RGB, HSL ve CMYK formatlarındaki renkleri tek tıkla panoya kopyalayarak görüntüleyin ve kopyalayın.
Paletleri PNG görüntüsü, PDF belgesi, JSON verisi, CSS değişkenleri, SCSS değişkenleri veya Tailwind CSS yapılandırması olarak dışa aktarın.
Renk çarkı, renklerin kromatik ilişkilerine göre düzenlendiği görsel bir temsilidir. Renk uyumu, birbiriyle iyi çalışan renklerin hoş bir düzenlemesini ifade eder. Etkileşimli aracımız, tamamlayıcı (zıt), üçlü (eşit aralıklı üç) ve analog (bitişik) renk şemaları gibi geleneksel renk teorisi ilkelerini kullanarak matematiksel olarak dengeli renk kombinasyonları oluşturmanıza yardımcı olur.
Sanatçılar ve tasarımcılar tarafından yüzyıllardır görsel olarak çekici kombinasyonlar oluşturmak için kullanılan geleneksel renk teorisi ilkelerine dayanmaktadır.
Web projelerinizde kullanıma hazır CSS değişkenleri, SCSS değişkenleri ve Tailwind CSS yapılandırma dosyaları oluşturun.
Paletlerinizi farklı tasarım araçları ve platformlarda kullanmak üzere resim (PNG), belge (PDF) veya veri (JSON) olarak dışa aktarın.
Uyum ilişkilerini bağlantı çizgileriyle görselleştirilmiş olarak görün ve renkleri anında görsel geri bildirimle etkileşimli olarak ayarlayın.
Araç 6 uyum tipi sunar: Tamamlayıcı (2 zıt renk), Monokromatik (tek rengin varyasyonları), Analog (3 bitişik renk), Üçlü (3 eşit aralıklı renk), Dörtlü (4 eşit aralıklı renk) ve Bölünmüş Tamamlayıcı (1 renk + tamamlayıcısına bitişik 2 renk).
Renk çarkının etrafındaki dış parlaklık halkasını kullanın. Ton ve doygunluk ilişkilerini korurken uyumunuzdaki tüm renklerin açıklığını/koyuluğunu ayarlamak için bu halka üzerinde tıklayın ve sürükleyin.
Evet, değerini panoya kopyalamak için herhangi bir renk örneğine tıklayın. Format seçici düğmelerini kullanarak HEX, RGB, HSL ve CMYK formatları arasında geçiş yapabilirsiniz.
PNG görüntüsü, PDF belgesi, JSON verisi, CSS değişkenleri, SCSS değişkenleri ve Tailwind CSS yapılandırma dosyaları olarak dışa aktarabilirsiniz. Her format farklı kullanım durumları için optimize edilmiştir.
CSS değişkenlerini dışa aktarma penceresinden kopyalayın ve stil sayfanıza yapıştırın. Daha sonra bunları şu şekilde kullanabilirsiniz: background-color: var(--color-1); veya color: var(--color-2);
Evet, tüm paleti ayarlamak için herhangi bir uyum rengi noktasına sürükleyebilirsiniz. Seçilen uyum tipinin matematiksel ilişkisini korumak için ana renk otomatik olarak yeniden hesaplanacaktır.