Ücretsiz Renk Seçici

Çevrimiçi renk seçici: eksiksiz rehber

Volade renk seçici; ekran damlalığını, gelişmiş bir renk düzenleyiciyi, bir palet üretecini, bir gradyan oluşturucuyu, bir WCAG erişilebilirlik denetleyicisini, bir renk körlüğü simülatörünü, bir karıştırıcıyı ve bir geliştirici dışa aktarımını tek bir arayüzde, %100 yerel ve kayıt gerektirmeden birleştiren hepsi bir arada bir web aracıdır.

Yalnızca HEX/RGB/HSL ile sınırlı klasik düzenleyicilerin aksine Volade, LAB, LCH, OKLCH, OKLAB, CMYK, Display P3, XYZ ve HWB dahil 16 renk uzayını destekler. Her format, anında kopyalama düğmesiyle gerçek zamanlı gösterilir; bu da onu tasarımcılar, geliştiriciler ve baskı profesyonelleri için en kapsamlı araç yapar.

Ekran damlalığı: piksel mükemmeliyetinde hassasiyet

Ekran damlalığı, ekranınızda görünen herhangi bir rengi yakalamak için modern tarayıcıların EyeDropper API'sini kullanır. Herhangi bir yere tıklayın — bir görsele, bir web sitesine, bir belgeye — ve renk anında yakalanır. Yüksek çözünürlüklü büyüteç doğru pikseli hedeflemenizi sağlar ve klavye navigasyonu (ok tuşları) mutlak hassasiyet sunar. Alan örneklemesi (1×1, 3×3, 5×5, 11×11) JPEG sıkıştırma eserlerini yumuşatarak bir alanın ortalama rengini elde eder.

Seçilen renk son renkler geçmişinde görünür ve önceki renge geçiş anındadır. Gelişmiş kullanıcılar için hassasiyet modu, pikselin tam koordinatlarını ve her kanalın değerini gerçek zamanlı gösterir.

Ödün vermeyen bir renk düzenleyici

Düzenleyici aynı anda 16 renk formatını gösterir: HEX, HEX8, RGB, RGBA, HSL, HSLA, HSV/HSB, HWB, CMYK, LAB, LCH, OKLAB, OKLCH, Display P3, XYZ ve Linear RGB. Her değer doğrudan düzenlenebilir: HSL'yi değiştirin, diğer tüm formatlar gerçek zamanlı güncellenir. Renk tekerleği sezgisel görsel kontrol sunarken sayısal kaydırıcılar hassas ayar sağlar.

Alfa/şeffaflık yerel olarak işlenir: ayrılmış kaydırıcıyla opaklığı 0'dan %100'e ayarlayın ve tüm formatlar üzerindeki etkiyi anında görün. Değişiklik geçmişi her değişikliği kaydeder; geri al/yinele ile istediğiniz zaman geri dönebilirsiniz.

Smart Color Intelligence: basit seçimin ötesinde

Araç, tek bir renkten tüm klasik uyumları otomatik olarak üretir: tamamlayıcı, analog, üçlü, dörtlü, bölünmüş tamamlayıcı ve monokromatik. Ancak daha da ileri gider: koyu tonlar (daha koyu), açık tonlar (daha açık), donuk tonlar (doygunluğu alınmış), sıcak ve soğuk varyantlar otomatik olarak üretilir.

Palet Oluştur modu herhangi bir rengi eksiksiz bir tasarım sistemine dönüştürür: primary, secondary, accent, background, surface, text, muted, border, success, warning, error, info — her biri RGB, OKLCH ve HEX değerleriyle.

Görsel → Palet: bir fotoğraftan renkleri çıkarın

Herhangi bir görseli (fotoğraf, illüstrasyon, ekran görüntüsü) bırakın; araç paleti çıkarmak için pikselleri analiz eder. Beş çıkarma modu mevcuttur: Baskın (en çok tekrarlanan renkler), Canlı (en doygun), Donuk (doygunluğu alınmış), Dengeli (görsel olarak uyumlu) ve Marka (marka kimliğine uygun renkler).

Çıkarma 5 ila 15 renk döndürür; her biri potansiyel rolüyle (baskın, vurgu, koyu, açık) etiketlenir. Mevcut bir fotoğraftan tasarım sistemi çıkarması gereken tasarımcılar için önemli bir hızlandırıcıdır.

WCAG erişilebilirlik kontrolü

Erişilebilirlik bölümü iki rengi (ön plan vs arka plan) karşılaştırır ve normal metin, büyük metin ve arayüz bileşenleri için WCAG AA ve AAA rozetleriyle tam kontrast oranını gösterir. Oran yetersizse, Otomatik Düzelt düğmesi standartlara uyan en yakın rengi otomatik olarak önerir.

Zorunlu erişilebilirlik standartlarına (RGAA, EN 301 549, ADA, Section 508) uyması gereken geliştiriciler için vazgeçilmez bir araçtır.

Renk körlüğü simülatörü: herkes için tasarlayın

Dünya genelinde yaklaşık 350 milyon insan renk körüdür. Simülatör, renklerinizi sekiz renk körlüğü türünün tamamı tarafından algılandığı gibi gösterir: protanopi, döteranopi, tritanopi, akromatopsi ve bunların orta düzey varyantları. Arayüzünüzün gerçekten erişilebilir olduğunu doğrulamanın tek yoludur.

Gelişmiş enterpolasyonlu gradyan üreteci

10'a kadar renk noktasıyla doğrusal, radyal ve konik gradyanlar oluşturun. RGB enterpolasyonu klasik gradyanlar üretir; HSL daha yumuşak geçişler sunar; LAB ve OKLCH görünür bantlanma olmadan algısal olarak tekdüze gradyanlar oluşturur. CSS kodu otomatik olarak üretilir ve tek tıkla kopyalanabilir.

Color Mixer: renk karıştırma

İki rengi dört modda ayarlanabilir bir oranla (0/100'den 100/0'a) karıştırın: RGB (katkısal karıştırma), HSL (ton döndürme), LAB (algısal uzay) ve OKLCH (en doğal). Ara renkler, gölgeler ve özel tonlar oluşturmak için ideal araçtır.

ΔE Renk Farkı: profesyonellerin hassasiyeti

Tasarımcılar ve baskı profesyonelleri için renk farkı hesaplaması (Delta E) çok önemlidir. Araç ΔE76, ΔE94 ve ΔE2000'i metinsel bir yorumla gösterir: fark edilemez (ΔE < 1), çaba ile fark edilir (1-2), farklı (2-10), çok farklı (10-50) ve yüksek kontrast (50+).

Color Playground: gerçek koşullarda test edin

Playground, renginizi gerçek arayüz bileşenlerinde gösterir: düğmeler, kartlar, rozetler, giriş alanları, uyarılar, bağlantılar ve metin. Renginizin arka plan, düğme veya metin rengi olarak işe yarayıp yaramadığını — gerçek zamanlı erişilebilirlik puanlarıyla — anında görürsünüz.

Geliştirici dışa aktarımı: 10 kod formatı

Kodu kendi dilinizde üretin: CSS Variables, SCSS, Tailwind config, JSON design tokens, TypeScript, Swift (UIColor), Kotlin (Color), Flutter/Dart, React Native (StyleSheet) ve Vue. Her dışa aktarım varyantları (50-950) ve rolleri (primary, secondary, accent vb.) içerir.

Kimler yararlanabilir?

Paletler ve tasarım sistemleri oluşturan UI/UX tasarımcıları; renkleri CSS, Tailwind veya SCSS'e entegre eden ön yüz geliştiricileri; fotoğraflardan renk paletleri çıkaran grafik tasarımcıları; WCAG kontrastını kontrol eden erişilebilirlik ekipleri; ΔE hesaplayan baskı profesyonelleri ve renkleri profesyonelce keşfetmek isteyen her içerik üreticisi.