Renk seçici

Bir renk seçin, tüm kodlarını alın

Bazen istediğiniz rengi bir sayı olarak değil, gördüğünüzde bilirsiniz. Renk seçici rengi görsel olarak seçmenizi sağlar, sonra tasarımcıların ve geliştiricilerin kullandığı HEX, RGB, HSL ve CMYK formatlarında değerini verir; böylece doğrudan CSS’e, Figma’ya, Canva’ya, PowerPoint’e veya site oluşturucunuza yapıştırabilirsiniz.

Seçiciyle bir renk seçin, doğru görünene kadar ayarlayın ve ihtiyacınız olan kodu kopyalayın.

Marka renkleri seçerken, palet oluştururken, bir butona stil verirken veya gördüğünüz bir rengi eşleştirirken hızlı bir yardımcıdır.

Renk seçici nasıl kullanılır?

1. Renk alanına tıklayın ve bir renk seçin.
2. Doğru görünene kadar ayarlayın.
3. Her formattaki değerleri okuyun.
4. İhtiyacınız olan kodu projenize kopyalayın.

Örnekler

Marka rengi: lavanta mavisi

Girdi: #8997BB seçin

Çıktı: HEXA #8997BB

Tamamen opak bir renkte HEXA değeri normal altı haneli koddur. RGBA, HSLA, HSVA ve CMYK kutuları aynı renge güncellenir.

Yarı saydam bir katman

Girdi: Opaklık kaydırıcısı %50’de iken #8997BB

Çıktı: HEXA #8997BB80

Saydamlık için iki hane eklenir (80 yaklaşık %50’dir) ve RGBA 0.5 ile biter. Saydamlığı korumak için CSS’te ikisinden birini kullanın.

Sık kullanım alanları

• Bir web sitesi için marka, buton ve arka plan renkleri seçmek.
• Logo, sunum veya sosyal medya görselleri için renk paleti oluşturmak.
• Bir sayfaya stil verirken CSS değerleri almak.
• Hover durumları için daha açık ve koyu tonlar bulmak.
• Renk teorisini ve renk modellerini öğretmek.
• Erişilebilir bir metin rengi seçip arka planla kontrastını kontrol etmek.

İpuçları ve bilinmesi gerekenler

• Metin ile arka plan arasındaki kontrastı kontrol edin: WCAG normal metin için en az 4.5:1 önerir.
• HSL’de yalnızca açıklığı değiştirerek tek bir temel renkten palet oluşturun.
• Tüm formatlar arasında renk kodu dönüştürücü ile dönüştürün ya da hızlı geçişler için HEX’ten RGB’ye ve RGB’den HEX’e araçlarını kullanın.
• Ekranlar renkleri farklı gösterir; önemli marka renklerini birkaç cihazda test edin.

Özel durumlar ve sınırlamalar

• CMYK değeri renk yönetimli bir baskı profili değil, basit bir matematiksel dönüşümdür. Marka baskıları için kesin değerleri matbaanıza sorun.
• Bir görselden veya başka bir uygulamadan renk almak için tarayıcınızın veya işletim sisteminizin damlalık aracını kullanın, sonra diğer formatları almak için kodu buraya yapıştırın.
• Renkler farklı ekranlarda farklı görünür. Önemli marka renklerini birden fazla cihazda kontrol edin.

Sıkça sorulan sorular

Bir rengin HEX kodunu nasıl bulurum?

Rengi burada seçin ve # ile başlayan HEX değerini kopyalayın.

CSS’te hangi renk formatını kullanmalıyım?

HEX, rgb()/rgba() veya hsl()/hsla() formatlarının hepsi çalışır. HEX en yaygınıdır; HSL ayarlaması en kolay olandır.

Bir görselden nasıl renk seçerim?

İşletim sisteminizde veya tarayıcınızda bir damlalık aracı olabilir. Değeri aldıktan sonra renk kodu dönüştürücüye yapıştırın.

RGB ile CMYK arasındaki fark nedir?

RGB ekranlar (ışık) içindir, CMYK baskı (mürekkep) içindir. Baskı için tasarlarken dikkatli dönüştürün.

İlgili araçlar

• Renk dönüştürücü: Renginizi birden çok farklı formata dönüştürün.
• HEX’ten RGB’ye: HEX renk birimlerini kolayca RGB’ye dönüştürün.
• RGB’den HEX’e: RGB renk birimlerini kolayca HEX’e dönüştürün.
• Resim sıkıştırma: Görselleri yüksek kaliteyi koruyarak daha küçük boyuta sıkıştırın ve optimize edin.
• EXIF okuyucu: Bir görsel yükleyin ve içindeki verileri çıkarın.