← Color Palette from Image

Bir Fotoğraftan Gün Batımı Renk Paleti Çıkarın

Bir fotoğraftan sıcak gün batımı renklerini çıkarın. Aracın median cut niceleme kullanarak baskın turuncu, pembe ve mor tonlarını nasıl belirlediğini görün.

Verileriniz tarayıcınızdan çıkmaz.

Görseli buraya bırakın

veya gözatmak için tıklayın · panodan yapıştır

PNG, JPG, WebP, GIF, BMP, SVG

OR

İlgili Araçlar

rgb
Renk Dönüştürücü ve Palet Oluşturucu

Renkleri HEX, RGB, HSL, HSB ve CMYK arasında dönüştürün. Tamamlayıcı, analog, triad ve diğer paletleri oluşturun. WCAG kontrast oranlarını kontrol edin.

 css
CSS Gradyan Oluşturucu: Linear, Radial ve Conic Gradient Aracı

Görsel olarak linear, radial ve conic CSS gradyanları oluşturun. Renk duraklarını sürükleyin, açıları ayarlayın ve üretime hazır CSS kopyalayın.

 rgb
WCAG Color Contrast Checker

Check foreground and background color pairs against WCAG 2.x and APCA contrast standards. Get live text previews, pass/fail ratings, and accessible color suggestions.

Bir Fotoğraftan Gün Batımı Renk Paleti Çıkarın

Bir gün batımı fotoğrafı yükleyin ve araç baskın sıcak tonları belirler: turuncular, pembeler, morlar ve altın sarıları. Median cut niceleme benzer pikselleri gruplar ve hex kodları ve kapsama yüzdeleriyle sıralanmış bir palet döndürür. Tüm işlem tarayıcınızda gerçekleşir.

Nasıl Kullanılır

  1. Bir gün batımı fotoğrafı yükleyin (PNG, JPEG veya WebP)
  2. Dengeli bir palet için renk sayısını 8 olarak ayarlayın
  3. Hex kodunu kopyalamak için herhangi bir renk örneğine tıklayın
  4. Paletin tamamını CSS değişkenleri veya JSON olarak dışa aktarın

Paletin Size Anlattıkları

Gün batımları, birden fazla sıcak renk tonu arasında yumuşak bir geçiş içerdikleri için renk çıkarma işlemi için iyi bir test senaryosudur. Aracın çıktısı, hangi renklerin kareye hakim olduğunu gösterir. %60 turuncu ve %20 mor içeren bir gün batımı, sıcak tonların alt gökyüzünde yoğunlaştığını, morun ise daha yukarılarda göründüğünü söyler.

Piksel kapsama yüzdesi, hangi renklerin önemli olduğuna karar vermenize yardımcı olur. Görüntünün %40’ını kaplayan bir renk açıkça baskın tondur. %5’in altındaki renkler, bir tasarım sisteminde kullanılmaya değmeyebilecek ince varyasyonlardır.

Gün Batımı Renklerini Web Tasarımında Kullanma

Sıcak gün batımı paletleri, hero bölümleri, açılış sayfaları ve seyahat veya yaşam tarzı ürünleri için markalaşmada iyi çalışır. Sıcak turuncular ve koyu morlar arasındaki doğal kontrast, ek vurgu renklerine ihtiyaç duymadan görsel ilgi yaratır.

CSS dışa aktarımını kullanarak --color-palette-1 ile --color-palette-8 arasında değişkenler elde edin. En yüksek kapsamalı renk birincil arka plan olarak çalışır. Orta ton renkler butonlar ve etkileşimli öğeler için kullanılır. En koyu renkler metin için kullanılır.

Gün batımı renklerinizin erişilebilirlik standartlarını karşıladığını doğrulamanız mı gerekiyor? WCAG Kontrast Denetleyicisi ile ön plan-arka plan çiftlerini kontrol edin. Gün batımı paletinizden bir gradyan oluşturmak ister misiniz? CSS Gradyan Oluşturucu, renklerinizi doğrusal veya radyal gradyanlara dönüştürür.