Renk Seçici

Seçtiğiniz rengin HEX ve RGB karşılığını anında alın; değer tarayıcıda hesaplanır.

Çıktı burada görünecek.

Renk Seçici Nasıl Çalışır?

Seçtiğiniz rengin HEX ve RGB karşılığını anında alın; değer tarayıcıda hesaplanır.

Girdi Renk
Çıktı HEX / RGB / HSL
Yapılan işlem 3,972

Renk Seçici Detaylar

Renk Seçici, seçtiğiniz rengin HEX ve RGB karşılığını verir; tasarımdan koda geçerken değeri elle çevirmenizi gerektirmez.

Bir görselden aldığınız rengi CSS'e yazmak, marka renginin RGB karşılığını bulmak ya da hızlıca bir ton denemek için kullanılır.

Kullanım akışı

Adımlar arayüzdeki düzenle aynı sırada:

  1. Renk kutusuna tıklayıp tarayıcının renk seçicisinden tonu belirleyin.
  2. Aracı çalıştırın; HEX ve RGB değerleri alt alta yazılır.
  3. İhtiyacınız olan biçimi kopyalayın.

Teknik detaylar

Çıktı biçimleri:

  • HEX değeri diyez ile başlayan altı haneli biçimde verilir.
  • RGB değeri 0-255 aralığında üç bileşen olarak verilir.
  • Renk seçici tarayıcının kendi bileşenidir; işletim sistemine göre görünümü değişir.
  • Seçim tarayıcıda kalır, sunucuya gönderilmez.

Bu araç hangi işe uygun

Tek bir rengin karşılığını almak istiyorsanız bu sayfa yeterli. Bir görseldeki baskın renkleri çıkarmak ya da palet üretmek bu aracın kapsamında değil.

Araç şeffaflık (alpha) değeri üretmez ve HSL karşılığını göstermez. Ekrandan renk damlatma (eyedropper) özelliği tarayıcının seçicisine bağlıdır; her tarayıcıda bulunmaz.

Kısa ipuçları

  • CSS'te aynı rengi birden çok yerde kullanacaksanız HEX değerini bir değişkene alın.
  • Metin ile arka plan arasındaki kontrastı ayrıca kontrol edin; benzer tonlar okunabilirliği düşürür.
  • Marka renklerini bir yere not edin: HEX değerini her seferinde yeniden seçmek küçük sapmalar üretir.

Gizlilik ve veri işleme

İşlem tarayıcıda yapılır, veri cihazınızdan çıkmaz. Sunucuya giden tek şey kullanım sayacıdır ve içinde metniniz yer almaz. Reklam ve ölçüm çerezleri sayfa düzeyinde çalışır, araç alanına erişmez.

Sık sorulan sorular

Renk alanına verinizi yazın ya da yapıştırın, aracı çalıştırın ve HEX / RGB / HSL sonucunu kopyalayın veya indirin.

Metin alanındayken Ctrl + Enter (macOS için Cmd + Enter) aracı çalıştırır.

Çıktıyı kopyalayabilir ya da indirme düğmesiyle metin dosyası olarak kaydedebilirsiniz. Dosya adı araç adından üretilir.

Araç hata mesajını çıktı alanında gösterir; girdiyi düzeltip yeniden çalıştırmanız yeterlidir.