Renk Paleti Oluşturucu

Bir ana renk seçin; renk teorisine göre uyumlu palet otomatik oluşsun. HEX, RGB ve CSS değerlerini kopyalayın.

Anlık sonuç Tarayıcıda çalışır

İpucu: Renk kutucuklarına tıklayarak HEX kodunu kopyalayabilirsiniz.

Renk Bilgisi

HEX #3B82F6
RGB —
HSL —

Renk Uyumu Rehberi

Tamamlayıcı180°
Analog ±30–60°
Üçgen 3 × 120°
Bölünmüş 150° + 210°
Dörtgen 4 × 90°
Monokromatik L: 15–85%

Nasıl kullanılır?

  1. 1
    Ana rengi seçinRenk seçiciyi kullanın veya HEX kodu (#RRGGBB) doğrudan girin.
  2. 2
    Uyum türünü seçinTamamlayıcı, analog, üçgen veya başka bir renk uyum kuralını seçin; palet anında güncellenir.
  3. 3
    Renkleri kopyalayınHer renk kutucuğuna tıklayarak HEX'i kopyalayın veya CSS değişkenleri olarak tümünü alın.

Sıkça sorulan sorular

Tamamlayıcı renk nedir?
Renk çemberinde tam karşısındaki renktir (180°). Birlikte kullanıldığında yüksek kontrast oluşturur; dikkat çekici vurgular ve CTA butonları için idealdir. Örneğin mavi-turuncu, kırmızı-yeşil.
Analog renkler neden uyumlu görünür?
Renk çemberinde yan yana olan renkler (±30–60°) doğada birlikte görüldüğünden beyne doğal ve rahatlatıcı gelir. Arka plan ve metin renk seçimlerinde, logo tasarımında ve web arayüzlerinde sıkça kullanılır.
Monokromatik palet ne zaman kullanılır?
Aynı tonun açık-koyu varyasyonları tutarlı ve sofistike bir görünüm sağlar. Minimalist tasarımlar, kurumsal kimlikler ve karanlık/açık tema geçişlerinde tercih edilir.

Renk Paleti Nasıl Oluşturulur?

Renk teorisi, renklerin birbiriyle nasıl etkileşime girdiğini inceler. Renk çemberi üzerindeki konumlarına göre renkler arasında uyumlu ilişkiler kurulur.

Altı Renk Uyumu Türü

  • Tamamlayıcı: 180° karşısındaki renk. Yüksek kontrast, dinamik görünüm.
  • Analog: Yan yana renkler (±30–60°). Doğal, rahatlatıcı.
  • Üçgen: 120° aralıklı 3 renk. Canlı, dengeli.
  • Bölünmüş Tamamlayıcı: Tamamlayıcının her iki yanı. Daha az gerilimli kontrast.
  • Dörtgen: 90° aralıklı 4 renk. Zengin, karmaşık paletler.
  • Monokromatik: Aynı ton, farklı parlaklıklar. Zarif, tutarlı.

CSS'te Kullanım

"CSS Değişkenlerini Kopyala" butonu --color-1: #hex; formatında CSS custom properties üretir. Bu değişkenleri :root bloğuna yapıştırarak tüm projede kullanabilirsiniz.

Yorumlar