Renk Paleti Oluşturucu

Bir temel renk seçin ve uyumlu paletler oluşturun — tamamlayıcı, üçlü, benzer, bölünmüş tamamlayıcı ve monokromatik.

Nasıl kullanılır

Renk seçiciyle bir temel renk seçin veya hex kodu yazın.
Uyum türünü seçin — tamamlayıcı, üçlü, benzer, bölünmüş tamamlayıcı veya monokromatik.
"Palet oluştur"a tıklayın — renkler hex kodlarıyla renk örnekleri olarak görünür. Kodunu kopyalamak için herhangi bir örneğe tıklayın.

Bu araç hakkında

Renk uyumu, belirli renk tonlarının birlikte dengeli göründüğü ilkesidir. Teori renk çemberinden gelir: tamamlayıcı renkler birbirinin karşısında durur (maksimum kontrast), benzer renkler yan yana durur (minimum kontrast) ve üçlü renkler eşkenar üçgen oluşturur (dengeli kontrast). Bölünmüş tamamlayıcı, tamamlayıcının iki komşusunu alır ve monokromatik tek bir tonun açıklığını ve doygunluğunu değiştirir.

Bu oluşturucu HSL renk uzayında çalışır; burada H çemberdeki ton açısı, S doygunluk ve L açıklıktır. Uyumlar geometriktir: tamamlayıcı tona 180° ekler, üçlü 120° ve 240° ekler, benzer 30° ekler ve çıkarır. Sonuçlar bir tasarım için başlangıç noktalarıdır — gerçek palet çalışması görsel ağırlığı dengelemek için doygunluğu ve açıklığı ayarlar ve paleti kullanılacağı gerçek içerik üzerinde test eder.

Hex kodunu panoya kopyalamak için herhangi bir renk örneğine tıklayın. Her şey tarayıcınızda çalışır ve hiçbir şey saklanmaz.

Formül

Tamamlayıcı: H+180°. Üçlü: H+120°, H+240°. Benzer: H−30°, H, H+30°. Bölünmüş tamamlayıcı: H+150°, H+210°. Monokromatik: aynı H, değişen S ve L.

Sık sorulan sorular

Which harmony should I use?

Maksimum kontrast için tamamlayıcı (eylem çağrısı düğmeleri, uyarı durumları). Sakin, uyumlu bir görünüm için benzer. Çeşitlilikle dengeli bir palet için üçlü. Tek marka rengine dayalı tasarım için monokromatik.

Bu renkleri ticari olarak kullanabilir miyim?

Renkler telif hakkına tabi değildir. Oluşturduğunuz palet kullanmanız için sizindir.

Renkler telefonumda neden farklı görünüyor?

Çünkü ekranlar farklı renk gamlarına ve kalibrasyonlarına sahiptir. Hex kodu aynıdır; görünüm ekrana bağlıdır.

Erişilebilirlik için kontrast kontrolü yapıyor mu?

Doğrudan değil — bunun için WCAG Kontrast Denetleyici aracını kullanın. Bu araç uyumlu paletler oluşturur; kontrast denetleyicisi ön plan ve arka planın erişilebilirlik standartlarını karşılayıp karşılamadığını söyler.

paleta de cores gerador de cores cores complementares harmonia design triádica análoga monocromática cor hex HSL identidade visual

İlgili araçlar

Renk Karıştırıcı İki rengi oran kaydırıcısıyla karıştırın ve aralarındaki 11 adımlık ölçeğin tamamını tarayıcınızda görün. Açık ve Koyu Ton Üreteci Tek bir rengi eksiksiz açık ton, koyu ton ve kırık ton ölçeklerine dönüştürün ve tarayıcınızda CSS değişkeni olarak dışa aktarın. WCAG Kontrast Denetleyici İki renk arasındaki kontrast oranını ölçün ve WCAG AA ile AAA'yı geçip geçmediğini tarayıcınızda anında görün. Görselden Renk Seçici Bir görsel yükleyin ve herhangi bir piksele tıklayarak tam HEX, RGB ve HSL değerini alın — tamamı cihazınızda işlenir. Renk Dönüştürücü Bir rengi HEX, RGB, HSL, HSV ve CMYK arasında canlı çift yönlü eşitlemeyle tarayıcınızda dönüştürün. Image Palette Extractor Bir görüntü yükleyin ve baskın renklerini çıkarın — hex kodunu kopyalamak için herhangi bir renk örneğine tıklayın.

Uzun bağlantılar mı? Ücretsiz kısaltın

Vai.la, herhangi bir URL'yi tıklama istatistikleri, QR Code ve kendi biolink'inizle birlikte kısa bir bağlantıya dönüştürür.

Bağlantı kısalt Ücretsiz hesap oluşturun

Vai.la, araçların nasıl kullanıldığından veya sonuçlarına dayanarak alınan kararlardan sorumlu değildir.