Color Picker
Color History
Color Values
Contrast Checker (WCAG 2.1)
WCAG AA requires ≥ 4.5:1 (normal text) or ≥ 3:1 (large text). AAA requires ≥ 7:1.
Color Harmonies
Click any swatch to load that color
Free Online Color Picker & Converter
Our color picker tool makes it easy to explore and convert colors between all major formats used in web design and development. Whether you're a designer choosing brand colors or a developer translating a design spec, this tool handles every conversion instantly.
Supported Color Formats
HEX — The standard 6-digit hexadecimal format used in HTML and CSS (#RRGGBB). RGB — Red, Green, Blue channels each from 0–255, widely used in CSS and image software. HSL — Hue, Saturation, Lightness; intuitive for designers to reason about color relationships. HSV (also called HSB) — Hue, Saturation, Value; common in creative applications like Photoshop and Illustrator.
Color Harmony Generator
Quickly generate visually harmonious color palettes. Complementary colors sit opposite on the color wheel for high contrast. Triadic and tetradic schemes give you multiple evenly-spaced hues, while analogous colors create smooth, cohesive palettes.
WCAG Contrast Checker
Ensure your text remains readable by checking the contrast ratio of your chosen color against white and black text. The tool displays the ratio and WCAG 2.1 compliance level (AA / AAA) instantly, helping you build accessible, inclusive interfaces.
Ücretsiz Renk Seçici ve HEX/RGB/HSL Dönüştürücü Online Nasıl Kullanılır?
HEX, RGB, HSL ve CMYK formatlarında tasarıma hazır renk kodları seçin, dönüştürün ve oluşturun. Kontrast oranlarını inceleyin ve CSS kodlarını anında kopyalayın.
Renk Seçici ve HEX/RGB/HSL Dönüştürücü Etkili Şekilde Nasıl Kullanılır?
- Bir ton seçmek için etkileşimli renk tuvalini veya kaydırıcıları kullanın.
- Opaklığı (alfa değerini) ayarlayın.
- HEX, RGB, HSL veya CMYK kodlarını kopyalayın.
Neden Bizim Güvenli Renk Seçici ve HEX/RGB/HSL Dönüştürücü Aracımızı Seçmelisiniz?
Adım 1: Bir ton seçmek için etkileşimli renk tuvalini veya kaydırıcıları kullanın. Adım 2: Opaklığı (alfa değerini) ayarlayın. Adım 3: HEX, RGB, HSL veya CMYK kodlarını kopyalayın. Adım 4: Renk paletlerini kaydedin.
Sıkça Sorulan Sorular
HEX, RGB, RGBA, HSL, HSLA, CMYK ve CSS renk anahtar kelimelerini destekliyoruz.
RGB renkleri Kırmızı, Yeşil ve Mavi yoğunluklarını kullanarak temsil ederken; HSL renkleri insan algısı için daha sezgisel olan Renk Tonu, Doygunluk ve Açıklık değerleriyle temsil eder.
Evet. Seçici, okunabilirliği sağlamak için Web İçeriği Erişilebilirlik Kılavuzlarına (WCAG) dayalı kontrast oranlarını gösterir.
Tarayıcının yerel EyeDropper API'si, ekranınızdaki veya diğer uygulamalardaki herhangi bir piksele tıklayıp renk örneği almanızı sağlar.
Evet, tamamlayıcı (complementary), benzer (analogous), üçlü (triadic) ve tek renkli (monochromatic) renk paletlerini otomatik oluşturabilirsiniz.
Evet. Seçilen renk geçmişi, hızlı erişim için tarayıcınızın yerel depolama alanında (localStorage) yerel olarak saklanır.
Alfa kanalı opaklığı temsil eder (tamamen şeffaf için 0, tamamen opak için 1); yarı şeffaf CSS arka planları için kullanışlıdır.
Evet, değerleri RGB, HSL ve CMYK alanları arasında tam olarak eşlemek için hassas matematiksel dönüşüm algoritmaları kullanıyoruz.
Kesinlikle. Tüm renk seçimi ve yerel geçmiş işlemleri tarayıcınızda sunucu takibi olmadan yerel olarak hesaplanır.
Evet, biçimlendirilmiş değerleri standart CSS değişkenleri veya arka plan özellikleri olarak kolayca kopyalayabilirsiniz.
Hata Bildir / Özellik Öner
Önerilen Araçlar Recommended Tools
CSS Gradyan Oluşturucu
Renk geçişlerini görsel olarak ayarlayın ve mükemmel, modern CSS geçiş stillerini kopyalayın.
Resim ↔ Base64 Dönüştürücü
Görüntüleri doğrudan Base64 URI dizelerine dönüştürün veya dizelerin kodunu anında indirilebilir görüntülere dönüştürün.
Ücretsiz QR Kod Oluşturucu - Özel Tasarım QR Kod Oluşturma (Sınırsız ve Vektörel)
Logolu, özel gradyanlı ve yuvarlak noktalı özel tasarım QR kodları oluşturun. %100 ücretsiz, dinamik, reklamsız SVG/PNG vektörel indirme.