Renk Seçici (Color Picker)

Bu araç ne işe yarar?

Color Picker, herhangi bir rengi seçip anında HEX, RGB ve HSL değerlerini almanızı sağlar; hazır renk örnekleri ve canlı önizleme içerir. Bir rengi görerek seçmenizi ve onu farklı CSS biçimlerine dönüştürmenizi kolaylaştırır. Tasarımcılar, geliştiriciler ve renk değeri arayan herkes için hızlı bir referans aracıdır.

Nasıl kullanılır?

Değerleri ve seçenekleri ayarlayın.
Canlı önizlemede sonucu görün.
Üretilen CSS/kodu projenize kopyalayın.

Nasıl çalışır?

Renk seçicide bir ton belirlediğinizde araç seçimi anında üç biçime çevirir: HEX (#RRGGBB), RGB (rgb(r, g, b)) ve HSL (hsl(h, s%, l%)). Hazır örnek paletinden hızlıca yaygın renkleri de seçebilirsiniz. Her değer tek tıkla kopyalanabilir ve önizleme alanı seçili rengi büyük bir blokta gösterir.

Yaygın kullanım alanları

Bir tasarımdaki rengi yakalayıp CSS'e aktarmak, HEX ile RGB veya HSL arasında dönüştürme yapmak ve bir palet oluştururken renkleri hızlıca denemek için kullanılır. HSL biçimi, bir rengin tonunu sabit tutarak parlaklık veya doygunluğunu ayarlamak isteyenler için özellikle faydalıdır.

Sıkça sorulan sorular

HEX, RGB ve HSL arasındaki fark nedir?

Üçü de aynı rengi farklı şekilde tanımlar: HEX kompakt onaltılık bir koddur, RGB kırmızı-yeşil-mavi kanallarını 0–255 arasında belirtir, HSL ise ton, doygunluk ve parlaklık kullanır. HSL, bir rengi sezgisel olarak ayarlamak için genellikle en kolayıdır.

Seçtiğim renk değerini nasıl kopyalarım?

Her biçimin yanındaki değere tıklayarak panonuza kopyalayabilirsiniz. Ardından doğrudan CSS dosyanıza veya tasarım aracınıza yapıştırabilirsiniz.