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.

Pick a color Opacity: 100% Or paste any value

Sonuç

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, grad da 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.