Renk Seçici HEX, RGB, HSL ve CMYK çıktıları ile etkileşimli renk seçici.

🎨

Renk Seçici

HEX, RGB, HSL ve CMYK çıktıları ile etkileşimli renk seçici.

Bir Renk Seçin

Renk canvas'ine tıklayın, yerleşik renk seçiciyi kullanın veya HSL kaydırıcılarını ayarlayın.

Tüm Formatları Görüntüleyin

Renkleri HEX, RGB, HSL ve CMYK olarak aynı anda görün.

Her Formattan Kopyalayın

Projeniz için değerini almak üzere herhangi bir formata karşılık gelen Kopyala düğmesine tıklayın.

Loading tool...

What Is Renk Seçici?

Etkileşimli bir renk seçici olan bu araç, herhangi bir rengi seçmenize ve anında dört büyük renk formatında (HEX, RGB, HSL ve CMYK) değerlerini görmeye olanak tanır. Araç, doygunluk-açıklık canvas'i, ton kaydırıcıları ve yerel renk girişi sunar; böylece ihtiyacınız olan exact rengi bulmak için birden fazla yol sağlar. Bir tasarımcı olarak mükemmel tona ulaşmaya çalışıyorsanız, CSS için renk değerlerine ihtiyaç duyan bir geliştiriciyseniz veya renkle çalışan herkes için bu araç, tüm değerleri tek bir yerde sunar. Canvas, seçilen tonun tam doygunluk-açıklık ızgarasını oluşturur; böylece renk varyasyonlarını görsel olarak keşfedebilirsiniz. Dört format çıkışında gerçek zamanlı güncellenir ve kopya düğmeleri içerir; bu da web geliştirme, baskı tasarımı veya uygulama geliştirme gibi herhangi bir bağlam için ihtiyacınız olan değeri hızlıca almanızı sağlar.

Why Use Renk Seçici?

Çoklu giriş yöntemleri: canvas, yerleşik renk seçici ve HSL kaydırıcıları
Dört同时 çıktı formatı: HEX, RGB, HSL, CMYK
Doğru görsel değerlendirmeler için büyük renk ön izleme swatch'i
Canvas tabanlı doygunluk-açıklık seçici için kesin renk keşfi
Her formata bir tıklamayla kopyalama

Common Use Cases

Web Geliştirme

Kusursuz rengi herhangi bir CSS uyumlu formatta (HEX, RGB, HSL) bulun ve kopyalayın.

Tasarım Çalışmaları

Canvas kullanarak renkleri görsel olarak keşfedin ve tasarım araçları için kesin değerleri alın.

Çapraz Format Referansı

Tek bir rengin HEX, RGB, HSL ve CMYK arasında nasıl dönüştüğünü görün.

Yazdırma Hazırlığı

Görsel olarak bir renk seçin ve yazdırma belirtimi için CMYK değerlerini alın.

Technical Guide

Renk seçici, X-ekseni doygunluğu (0-100%) ve Y-ekseni açıklığı (100-0%) temsil eden 256×256'lık bir canvas oluşturur. Her piksel için HSL'den RGB'ye dönüştürme işlemi hesaplanır ve çizilir. Ton kaydırıcıları, canvas'te hangi tonun görüneceğini kontrol eder; böylece herhangi bir renk için kapsamlı bir keşif alanı oluşturur. Canvas, gerçek zamanlı rendering için HTML5 Canvas API kullanır. Kullanıcı canvas'e tıkladığında, fare konumu doygunluk ve açıklık değerlerine eşlenir ve bunlar daha sonra tüm dört çıkış formatına dönüştürülür. Yerel HTML renk girişi alternatif bir seçim yöntemi sağlar ve HSL kaydırıcılarıyla çift yönlü olarak senkronize edilir. CMYK çıkışı, matematiksel RGB'den CMYK'ye dönüştürme formülünü kullanır. Tüm dönüşümler gerçek zamanlı olarak sunucu etkileşimi olmadan gerçekleşir; bu da aracı responsif ve özel yapar.

Tips & Best Practices

1
Hızlıca mevcut ton ailesindeki bir rengi bulmak için canvas'a herhangi bir yere tıklayın
2
Renk spektrumunu taramak için hue kaydırıcısını kullanın, ardından canvas ile ince ayar yapın
3
Yerleşik renk seçici, en yüksek doğruluk için işletim sisteminizdeki renk diyaloğuna erişim sağlar
4
Web için HEX, Canvas/JavaScript için RGB, CSS temaları için HSL ve yazdırma için CMYK kopyalayın
5
HSL değerleri genellikle tasarım sistemi renk ölçekleri oluşturmak için en faydalı olanlardır

Related Tools

HEX'ten RGB'ye Dönüştürücü

HEX renk kodlarını anında RGB değerlerine dönüştürün ve canlı önizleme swatch'i ile birlikte kullanın.

🎨 Color Tools

RGB'den HSL'ye Dönüştürücü

Etkileşimli kaydırma çubukları ile RGB değerlerini HSL renk formatına dönüştürün.

🎨 Color Tools

Rastgele Renk Jeneratörü

İsteğe bağlı stil kısıtlamaları gibi pastel, canlı veya sıcak olan renkleri rastgele üretin.

🎨 Color Tools

Renk Uyum Çarkı

Beş farklı uyumluluk türüne sahip etkileşimli renk çarkı ve görsel seçim.

🎨 Color Tools

Renk Uzayı Görselleştirici

HEX, RGB, HSL, HSV ve CMYK'de herhangi bir rengi çubuk grafiklerle görselleştirebilirsiniz.

🎨 Color Tools

Frequently Asked Questions

Q Neden bir renk seçiciye ihtiyacım var?

Bir renk seçici, kesin renkleri görsel olarak bulmanızı ve seçmenizi sağlar, ardından herhangi bir formatta uygulanması gereken kesin değerleri verir. Tahmin işlemini ve formatlar arasında el ile dönüştürmeyi ortadan kaldırır.

Q Canvas ile yerleşik seçici arasındaki fark nedir?

Canvas, belirli bir ton içinde kesin keşif için 2B doygunluk-açıklık ızgarasını gösterir. Yerleşik renk seçici, işletim sisteminizdeki renk diyaloğunu kullanır ve bu da örneğin bir pipet aracı gibi ek özellikler sunabilir.

Q Ekranımdan renkler seçebilir miyim?

Bazı tarayıcıların (Chrome, Edge) yerleşik renk girişi, ekranınızda görünen herhangi bir rengi seçmenize olanak tanıyan bir pipet aracı içerir.

Q Dört format çıkışı her zaman senkronize mi?

Evet, tüm formatlar her zaman aynı kesin rengi temsil eder. Renkleri herhangi bir giriş yöntemiyle değiştirmek, dört çıktı değerini同時 olarak günceller.

About This Tool

Renk Seçici is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.