Renk Seçici
Bir renk seç; HEX, RGB, RGBA, HSL, HSLA, HSV ve CMYK olarak anında gör. Opaklığı ayarla ve istediğin değeri kopyala.
Bu ne işe yarar?
Bir renk seç — veya herhangi bir HEX / rgb() / hsl() değeri yapıştır — ve onu her yaygın notasyonda anında gör: HEX (alfa ile 3 ve 8 basamak), RGB(A), HSL(A), HSV ve CMYK. Bir alanda değer alıp diğerinde ihtiyacın olduğunda, CSS / tasarım araçları / baskı arasında marka rengini eşleştirirken veya sonucu yeniden gözle bakmadan opaklığı ayarlarken kullanışlıdır.
Her alanı ne zaman kullanmalı
- HEX / RGB — CSS, tasarım araçları, e-posta şablonları. Evrensel destek.
- HSL — okunaklı paletler. Diğer eksenlerde renk kaymadan hue, saturation veya lightness'ı bağımsız ayarla.
- HSV — gölgeleme için tasarım yazılımı (Photoshop, Figma); çoğu renk seçicinin "bu renk, daha açık" hakkında düşünme biçimiyle eşleşir.
- CMYK — baskıya hazır çıktı. Yalnızca yaklaşık: ekranlar RGB'dir ve yazıcılar tek bir renk profili paylaşmaz.
Sık yapılan hatalar
- Alfa kodlaması alana göre farklılaşır. CSS
rgba(),hsla()ve 8 basamak HEX (#RRGGBBAA) destekler. Eski e-posta şablonları ve bazı tasarım araçları#RRGGBBAA'yı tanımaz —rgba()'ya geri dön. - HSL hue derece cinsindendir. 0 = kırmızı, 120 = yeşil, 240 = mavi. CSS
turn,rad,gradda kabul eder ama buradaki çıktı derecedir. - CMYK dönüşümü naiftir. Gerçek baskı bir ICC profili gerektirir (rendering intent ile sRGB → CMYK). Bu aracın çıktısı marka deck mockup'ları için uygundur, basım dosyaları için değil.
- OKLCH ve OKLAB (modern perceptually-uniform alanlar) burada gösterilmiyor — yeniler ve henüz geniş destekleri yok. Tasarım sistemi araçları için şimdilik HSL/HSV'de kal.