Palet Oluşturucu – Renk Uyumu Paletleri
Bir uyum seçin, etkileşimli renk çarkındaki bağlı noktaları sürükleyin ve dengeli bir palet oluşturmak için açıklığı ayarlayın.
Bir örnek deneyin
Etkileşimli renk çarkı
Harmoniyi döndürmek için bir noktayı sürükleyin. Doygunluğu azaltmak için merkeze yaklaştırın.
Temel
#3B82F6Tamamlayıcı
#EEAD44Temel · Varyant 1
#AAC0E3Tamamlayıcı · Varyant 1
#E0CDADTemel · Varyant 2
#255BB1Daha fazla araç
Picker
Renk Seçici
Bir görsel yükleyin ve HEX, RGB ve HSL renk kodlarını çıkarmak için tıklayın.
Converter
Renk Dönüştürücü
Renkleri HEX, RGB ve HSL arasında anında dönüştürün.
Checker
Kontrast Denetleyici
Renk kontrast oranlarını WCAG AA ve AAA standartlarına göre kontrol edin.
Çıkarıcı
Görsel paleti çıkarıcı
Bir görseldeki baskın renkleri bulun ve paleti HEX, RGB veya CSS değişkenleri olarak kopyalayın.
Anında Uyumlu Renk Paletleri Oluşturun
Birlikte iyi görünen renkleri seçmek, tasarımda en yaygın zorluklardan biridir. Renk çarkındaki tonlar arasındaki ilişkilere dayanan renk uyumu kuralları, dengeli paletler oluşturmak için güvenilir bir temel sağlar.
Bu palet oluşturucu, herhangi bir temel rengi alır ve tamamlayıcı renkler seti üretmek için standart uyum kurallarını uygular. HEX, RGB veya HSL formatında bir renk girin ve farklı kombinasyonları keşfetmek için uyum türleri arasında geçiş yapın.
Renk Uyumu Türleri Açıklaması
- Tamamlayıcı — renk çarkında birbirine karşı iki renk (180° aralık). Yüksek kontrast, cesur kombinasyonlar.
- Benzer — renk çarkında bitişik üç renk (30° aralık). Doğal olarak uyumlu ve düşük kontrast.
- Triadic — çark etrafında eşit aralıklı üç renk (120° aralık). Canlı ve dengeli.
- Bölünmüş-tamamlayıcı — bir temel renk artı tamamlayıcısına bitişik iki renk (150° ve 210°). Saf tamamlayıcıdan daha yumuşak.
- Tetradik (Kare) — çark etrafında eşit aralıklı dört renk (90° aralık). Zengin, karmaşık paletler.
Palet Oluşturucuyu Nasıl Kullanılır
- Bir temel renk girin — HEX, RGB veya HSL değeri yazın veya yerel renk seçiciyi kullanın
- Seçiciden bir uyum türü seçin
- Ton ve doygunluğu değiştirmek için çarktaki bağlı bir noktayı sürükleyin, ardından açıklığı ayarlayın
- Oluşturulan paletin renk örnekleri olarak görüntülendiğini görün
- Herhangi bir örnek için HEX veya RGB değerlerini tek tıklamayla kopyalayın
- Farklı paletleri karşılaştırmak için uyum türleri arasında geçiş yapın
Palet Oluşturucu Ne Zaman Kullanılır
- Yeni bir tasarım projesine başlarken dengeli bir renk şemasına ihtiyaç duyduğunuzda
- Belirli bir ana renk etrafında marka kimliği oluştururken
- Uyumlu vurgu renkleriyle UI temaları oluştururken
- İllüstrasyon veya sanat için renk ilişkilerini keşfederken
- Sunumlar veya prototipler için hızlıca palet oluştururken
Ana uyum ve destekleyici varyantlar
Her uyum beş renk örneği üretir. Tamamlayıcı düzende iki ana renk, benzer, üçlü ve ayrık tamamlayıcı düzende üç, dörtlü düzende dört ana renk bulunur; kalanlar doygunluğu veya açıklığı ayarlanmış destekleyici varyantlardır.
Tek bir temel renkten beş renk oluşturun
İşaretli temel renk korunurken renk çarkı uyumu ve varyantları hesaplar. Bir görselin tamamındaki baskın renkler için Görsel Palet Çıkarıcıyı, tek bir pikselin kesin rengi için Renk Seçiciyi kullanın.
HEX, RGB, HSL ve OKLCH kullanın
Alan HEX, RGB, HSL ve OKLCH kabul eder. Tek bir rengi HEX veya RGB olarak ya da beş rengin tamamını virgülle ayrılmış büyük harfli HEX kodları olarak kopyalayın.
Hızlı, Ücretsiz ve Gizli
Tüm hesaplamalar tarayıcınızda yapılır. Hesap, yükleme, depolama veya sunucu işlemesi yoktur; renk çarkı fare, dokunma ve klavyeyle çalışır.
Renk çarkı teorik renk ilişkilerini gösterir ancak okunabilirliği garanti etmez. WCAG ölçümü için Kontrast Denetleyiciyi, biçim değişimi için Renk Dönüştürücüyü kullanın.
Sıkça Sorulan Sorular
- Renk uyumu nedir?
- Renk uyumu, renk çarkındaki ilişkilere dayanan, birlikte görsel olarak hoş olan renk kombinasyonlarını ifade eder.
- Hangi uyum türünü kullanmalıyım?
- Tasarım hedefinize bağlıdır. Tamamlayıcı güçlü kontrast yaratır. Benzer sakin hissettirir. Triadic canlı ve dengelidir. Bölünmüş-tamamlayıcı daha yumuşak kontrast sunar. Tetradik zengin, karmaşık paletler verir.
- Hangi renk formatlarını girebilirim?
- HEX, RGB, HSL veya OKLCH girebilirsiniz; biçim otomatik olarak algılanır.
- Palet renkleri nasıl hesaplanır?
- Temel renk HSL'ye dönüştürülür ve seçilen uyumun kesin ton açılarına yerleştirilir. Her ilişki, dengeli doygunluk ve açıklık varyasyonlarıyla beş kullanışlı renk örneğine genişletilir. Etkileşimli çark her örneği gösterir: bir noktayı sürüklemek tüm uyumu döndürür, açıklık kaydırıcısı ise paleti günceller.
- Oluşturulan renkleri kopyalayabilir miyim?
- Evet. Her rengi HEX veya RGB olarak ya da tüm paleti virgülle ayrılmış beş büyük harfli HEX kodu olarak kopyalayabilirsiniz.
- Bu araç mobilde çalışır mı?
- Evet. Duyarlı renk çarkı mobilde dokunmayla, bilgisayarda fare veya klavyeyle çalışır.
- Bu araç ücretsiz mi?
- Evet. ColourPicker.app tamamen ücretsizdir, kayıt gerekmez.
- Oluşturduğum paletleri kaydedebilir miyim?
- Araç paletleri oturumlar arasında kaydetmez. Tekil renk değerlerini kopyalayıp proje dosyalarınızda saklayabilirsiniz.
- Renk çarkı neyi gösterir?
- Renk tonlarını daire üzerinde düzenler: açı tonu, merkeze uzaklık doygunluğu, ayrı kaydırıcı ise açıklığı gösterir.
- Her palette neden beş renk var?
- Beş örnek, iki ila dört ana renk ile gerekli destekleyici varyantlardan oluşan tutarlı bir çalışma seti sağlar.
- Ana renkler ve destekleyici varyantlar nedir?
- Ana renkler seçilen geometriyi oluşturur; varyantlar aynı tonları farklı doygunluk veya açıklıkla tekrar kullanır.
- Renk uyumu yeterli kontrastı garanti eder mi?
- Hayır. Uyum renk tonu ilişkilerini açıklar; ön plan ve arka planın WCAG kontrastını ayrıca ölçün.