Resimden renk kodu nasıl bulunur?

Bir görsel yükleyin ve imleci görselin üzerinde gezdirin; imlecin bulunduğu pikselin HEX ve RGB kodu anında gösterilir. Tıkladığınızda o renk seçilir ve HSL değeriyle birlikte kopyalanabilir.

HEX, RGB ve HSL arasındaki fark nedir?

HEX, web için yaygın 6 haneli renk kodudur. RGB kırmızı-yeşil-mavi kanallarını, HSL ise ton-doygunluk-parlaklık değerlerini ifade eder. Üçü de aynı rengi farklı şekilde tanımlar.

Seçtiğim rengin tonlarını nasıl alırım?

Araç, seçtiğiniz rengin otomatik olarak türetilmiş açık ve koyu tonlarını paletle birlikte gösterir; böylece uyumlu bir renk paleti oluşturabilirsiniz.

Renk Bulucu

Bir görsel yükleyip imleçle resimden renk kodunu okuyun ya da renk seçiciyle ton belirleyin; HEX, RGB ve HSL değerlerini görün, tek tıkla kopyalayın ve uyumlu tonları keşfedin.

HEX

#6366F1

RGB

rgb(99, 102, 241)

HSL

hsl(239, 84%, 67%)

CMYK

cmyk(59%, 58%, 0%, 5%)

#EFF0FE

#D0D1FB

#B1B3F8

#9294F5

#7375F2

#6366F1

#595CD9

#4547A9

#323379

#1E1F48

#0A0A18

Siyah MetinText on background

Beyaz MetinText on background

Hakkında

Renk bulucu, web tasarımı, grafik tasarım ve kodlama projeleriniz için doğru renk kodunu bulmanın pratik yoludur. Bir görsel yükleyip imleci üzerinde gezdirerek resimden herhangi bir pikselin rengini seçebilir; seçtiğiniz rengin HEX, RGB ve HSL karşılıklarını aynı anda görüp projenize uygun formatı kopyalayabilirsiniz.

Araç ayrıca seçtiğiniz renkten türetilen daha açık ve daha koyu tonları gösterir; böylece tutarlı bir renk paleti oluşturmak çok kolaylaşır. Resimden renk seçme, ekran görüntüsü veya logodan renk kodu bulma gibi işlerde tasarımcılar, geliştiriciler ve içerik üreticileri için hızlı ve ücretsiz bir çözümdür.

Nasıl Kullanılır?

Resimden renk seçmek için bir görsel yükleyin ve imleci üzerinde gezdirin; ya da renk seçiciye tıklayıp renk belirleyin veya HEX kodu girin.
Bir piksele tıklayın; HEX, RGB ve HSL değerleri otomatik güncellenir.
Kopyala düğmesiyle istediğiniz renk kodunu panoya alın.

Sıkça Sorulan Sorular

Resimden renk kodu nasıl bulunur?: Bir görsel yükleyin ve imleci görselin üzerinde gezdirin; imlecin bulunduğu pikselin HEX ve RGB kodu anında gösterilir. Tıkladığınızda o renk seçilir ve HSL değeriyle birlikte kopyalanabilir.
HEX, RGB ve HSL arasındaki fark nedir?: HEX, web için yaygın 6 haneli renk kodudur. RGB kırmızı-yeşil-mavi kanallarını, HSL ise ton-doygunluk-parlaklık değerlerini ifade eder. Üçü de aynı rengi farklı şekilde tanımlar.
Seçtiğim rengin tonlarını nasıl alırım?: Araç, seçtiğiniz rengin otomatik olarak türetilmiş açık ve koyu tonlarını paletle birlikte gösterir; böylece uyumlu bir renk paleti oluşturabilirsiniz.

Diğer Araçlar

SVG > PNG Resim Sıkıştırma Resim Kırpma Resim İndirici Favicon Oluşturucu EXIF Görüntüleyici QR Okuyucu UTM Oluşturucu Ses Kaydedici Ekran Kaydedici

Bu aracı sitene ekle

Aşağıdaki kodu kopyalayıp sitenin HTML'ine yapıştır; bu aracı ücretsiz olarak gömebilirsin. Kod, kaynağı belirten bir bağlantı içerir.

<iframe src="https://tooldict.com/embed/tr/renk-bulucu" title="Renk Bulucu" width="100%" height="600" style="border:1px solid #e2e8f0;border-radius:16px;max-width:680px" loading="lazy"></iframe>
<p style="font:13px/1.5 sans-serif">Sağlayan <a href="https://tooldict.com/tr/renk-bulucu" target="_blank" rel="noopener">Renk Bulucu</a> — Tooldict</p>