Renk Uyumları Nasıl Oluşturulur
- 1
Uyum Tipini Seçin
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.
- 2
Çarkta Renkleri Ayarlayın
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.
- 3
Parlaklığı Hassas Ayarlayın
Uyum ilişkisini korurken renk paletinizin parlaklığını ayarlamak için dış parlaklık halkasını kullanın.
- 4
Kopyalayın veya Dışa Aktarı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.
Ana Özellikler
Etkileşimli Renk Çarkı
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.
6 Renk Uyum Tipi
Tamamlayıcı, monokromatik, analog, üçlü, dörtlü ve bölünmüş tamamlayıcı renk şemalarını otomatik olarak oluşturun.
Çoklu Renk Formatları
HEX, RGB, HSL ve CMYK formatlarındaki renkleri tek tıkla panoya kopyalayarak görüntüleyin ve kopyalayın.
Dışa Aktarma ve Kod Oluşturma
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ı ve Renk Uyumu Nedir?
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.
Neden Renk Çarkı Aracımızı Kullanmalısınız?
- 1
Profesyonel Renk Teorisi
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.
- 2
Geliştirici Dostu Dışa Aktarma
Web projelerinizde kullanıma hazır CSS değişkenleri, SCSS değişkenleri ve Tailwind CSS yapılandırma dosyaları oluşturun.
- 3
Çoklu Dışa Aktarma Formatları
Paletlerinizi farklı tasarım araçları ve platformlarda kullanmak üzere resim (PNG), belge (PDF) veya veri (JSON) olarak dışa aktarın.
- 4
Gerçek Zamanlı Görsel Geri Bildirim
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.
Sıkça Sorulan Sorular
Hangi renk uyumu tipleri mevcut?
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).
Renklerin parlaklığını nasıl ayarlarım?
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.
Bireysel renkleri kopyalayabilir miyim?
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.
Hangi dışa aktarma formatları destekleniyor?
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.
Oluşturulan CSS değişkenlerini nasıl kullanırım?
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);
Uyum renklerini ayrı ayrı sürükleyebilir miyim?
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.