Renk Seçici
Görsel renk çarkından istediğiniz rengi seçin; HEX, RGB ve HSL kodlarını anında görün ve kopyalayın.
Renk Seçici
Görsel renk çarkından istediğiniz rengi seçin; HEX, RGB ve HSL kodlarını anında görün ve kopyalayın.
Kutuya veya renk çarkına tıklayın
Online renk seçici nedir?
Online renk seçici, görsel bir arayüzden renk seçmenizi ve seçilen rengin HEX, RGB, HSL kodlarını anında görmenizi sağlayan bir web aracıdır. CSS yazarken, grafik tasarım yaparken veya marka rengi belirlerken kullanışlıdır.
Renk formatları hakkında
HEX kodu web tasarımında en yaygın kullanılan formattır. RGB dijital ekranlarda renk kanallarını ayrı ayrı kontrol etmek için kullanılır. HSL ise ton, doygunluk ve parlaklık üzerinden sezgisel renk ayarı yapmayı sağlar.
Sık Sorulan Sorular
Renk seçici (color picker) nedir?
Renk seçici, görsel bir arayüzden istediğiniz rengi tıklayarak seçmenize ve o rengin HEX, RGB, HSL gibi farklı formatlardaki kodlarını anında görmenize yarayan bir araçtır. Web tasarımcıları ve grafik tasarımcılar renk kodlarını hızlıca bulmak için color picker kullanır.
HEX, RGB ve HSL arasındaki fark nedir?
HEX; rengi #ffffff gibi 6 karakterli heksadesimal kodla ifade eder ve CSS/HTML'de en yaygın kullanılan formattır. RGB; Kırmızı, Yeşil, Mavi kanallarını 0-255 arasında sayılarla tanımlar. HSL ise Ton (Hue), Doygunluk (Saturation) ve Parlaklık (Lightness) değerlerini kullanır; renk üzerinde sezgisel ayar yapmak için idealdir.
CSS'de hangi renk formatını kullanmalıyım?
HEX formatı en yaygın ve okunaklı seçenektir. Saydamlık (alfa) eklemek istediğinizde rgba() veya 8 karakterli HEX (#rrggbbaa) kullanabilirsiniz. HSL ise Sass/Less gibi ön işlemcilerle çalışırken renk varyasyonları oluşturmak için tercih edilir.
HSL renk modeli neden kullanışlıdır?
HSL, rengi insan algısına daha yakın biçimde tanımlar. Ton (Hue) 0-360° arası bir açıyla renk ailesini belirtir; Doygunluk (Saturation) rengin canlılığını, Parlaklık (Lightness) ise açıklık-koyuluk derecesini ayarlar. Örneğin bir rengin daha açık varyantını üretmek için yalnızca L değerini artırmanız yeterlidir.
Seçtiğim rengi nasıl kaydedebilirim?
Bu araçta Kopyala butonunu kullanarak HEX, RGB veya HSL kodunu panoya alabilirsiniz. Ardından kod editörünüze, CSS dosyanıza ya da tasarım programınıza (Figma, Photoshop, Illustrator vb.) yapıştırabilirsiniz.