← Tüm araçlar

Renk kodu seçici

Bir renk seç ya da ekrandan al, HEX, RGB ve HSL kodunu anında gör ve kopyala. Tarayıcında çalışır, hiçbir şey sunucuya gitmez.

HEX (#3b82f6), rgb(), hsl() ya da renk adı (blue) yazabilirsin. Aşağıdaki renk kutularına tıklayınca o renk seçilir.

Açıktan koyuya tonlar

Tamamlayıcı renk

Komşu renkler

Üçlü uyum

Nasıl kullanılır?

  1. Renk kutusundan bir renk seç ya da kod alanına HEX, rgb(), hsl() ya da bir renk adı yaz.
  2. Ekrandaki bir renk gerekiyorsa Ekrandan renk seç düğmesine bas ve damlalıkla rengin üzerine tıkla (Chrome ve Edge).
  3. HEX, RGB ve HSL değerlerini Kopyala düğmeleriyle al. Aşağıdaki kutulardan ton ve uyumlu renklere geç.

Sık sorulan sorular

Ekrandaki bir rengin kodunu nasıl bulurum?

Ekrandan renk seç düğmesine bas ve damlalıkla istediğin renge tıkla. Bu özellik tarayıcının EyeDropper özelliğini kullanır ve şu an Chrome ve Edge gibi Chromium tabanlı tarayıcılarda çalışır. Diğer tarayıcılarda düğme görünmez, rengi kutudan seçebilirsin.

HEX, RGB ve HSL arasındaki fark nedir?

Üçü de aynı rengi farklı biçimde yazar. HEX kısa bir kod verir (#3b82f6), RGB kırmızı, yeşil ve mavi miktarını 0-255 arasında söyler, HSL ise rengi ton, doygunluk ve açıklık olarak tanımlar ve renk tonlarını ayarlamayı kolaylaştırır.

Hangi biçimleri yazabilirim?

HEX (#3b82f6 ya da kısa #38f), rgb(59, 130, 246), hsl(217, 91%, 60%) ve blue gibi CSS renk adlarını yazabilirsin. Yarı saydam renk için rgba(), hsla() ya da 8 haneli HEX de olur.

Renklerim bir yere gönderiliyor mu?

Hayır. Her şey tarayıcında hesaplanır ve hiçbir şey sunucuya yüklenmez.

İlgili rehber

İlgili araçlar