Renk paleti oluşturucu
Yeni palet için boşluk tuşuna basın; sevdiğiniz renkleri kilitleyin.
ya da boşluk tuşuna basın
- rgb(237, 221, 187)hsl(41, 58%, 83%)
- Beyaz yazı
- 1.34:1AAAAA
- Siyah yazı
- 15.66:1AAAAA
- rgb(143, 173, 255)hsl(224, 100%, 78%)
- Beyaz yazı
- 2.19:1AAAAA
- Siyah yazı
- 9.59:1AAAAA
- rgb(92, 123, 230)hsl(227, 73%, 63%)
- Beyaz yazı
- 3.87:1AAAAA
- Siyah yazı
- 5.43:1AAAAA
- rgb(59, 91, 219)hsl(228, 69%, 55%)
- Beyaz yazı
- 5.67:1AAAAA
- Siyah yazı
- 3.71:1AAAAA
- rgb(60, 52, 31)hsl(43, 32%, 18%)
- Beyaz yazı
- 12.33:1AAAAA
- Siyah yazı
- 1.70:1AAAAA
Hiçbir şey cihazınızdan çıkmaz
Bu araç tamamen tarayıcınızda çalışır. Burada yazdığınız, çaldığınız ya da kaydettiğiniz her şey cihazınızda kalır: hiçbir şey sunucuya yüklenmez veya kaydedilmez.
Nasıl çalışır
- Yeni bir palet için Oluştur’a ya da boşluk tuşuna basın — ya da bir ana renk yazıp tamamlayıcı, üçlü gibi bir şema seçin.
- Sevdiğiniz renkleri kilitleyin; sonraki palet onları korur ve gerisini onlara göre kurar. Hex kodunu kopyalamak için bir renge tıklayın.
- Kontrast rozetlerine bakın, renk körlerinin paleti nasıl gördüğünü önizleyin, sonra CSS değişkenlerini kopyalayın ya da PNG veya SVG indirin.
Sık sorulan sorular
- Renk şemaları nelerdir?
- Renk çemberinin kuralları: analog komşu tonları (±30°), tamamlayıcı karşı tonu, bölünmüş tamamlayıcı karşı tonun iki yanındakileri, üçlü 120° aralıklı üç tonu, kare 90° aralıklı dört tonu kullanır. Tek renk bir tonun açık ve koyu adımlarıdır; pastel ise çemberin her yerinden yumuşak, açık renkler.
- Renkler neden dengeli görünüyor?
- OKLCH’de hesaplanırlar: bu renk uzayı renklerin göze ne kadar parlak göründüğüne uyar, bu yüzden açıklık adımları eşit hissedilir. Ekranın gösteremediği renkler gösterilebilir hâle gelene kadar yumuşatılır.
- Kontrast rozetleri ne anlama geliyor?
- Her rengin üzerindeki beyaz ve siyah yazının WCAG kontrast oranı: normal metin için AA en az 4,5, AAA ise 7 ister. Renk kartındaki yazı hangisi daha okunaklıysa onunla gösterilir.
- Bir fotoğraftan palet çıkarabilir miyim?
- Evet — resimden renk paleti aracı bir resmin ana renklerini bulur. Bu araç ise yeni renk kombinasyonları oluşturur.
- Bir şey yükleniyor mu?
- Hayır. Paletler tarayıcınızda oluşturulur; paylaşım bağlantısı yalnızca renklerin kendisini taşır.
İlgili araçlar
◉ Resimden renk paleti Resmin ana renkleri, hex kodları olarak. ◒ Geliştirici araçları Renk Dönüştürücü HEX, RGB, HSL ve CMYK — artı okunurluğu belirleyen kontrast oranı. ◒ Geliştirici araçları CSS Geçiş Oluşturucu Renkler girer, bir bildirim çıkar. ◐ Geliştirici araçları Kontrast Denetleyici Gerçekten okunabiliyor mu.