Resimden renk kodu bulma
Bir tıkla renk kodu, bir düğmeyle görselin paleti.
Dosyaları buraya bırakın
veya cihazınızdan seçmek için tıklayınKabul edilen: JPG, JPEG, PNG, WEBP, AVIF, GIF, BMP, HEIC, HEIF
Her işlemde bir dosyaDosya başına en fazla 20 MBGünde 5 işlemPro ile sınırları kaldırın✓ Çevrimdışı çalışır
Dosyalarınız cihazınızda kalır
Bu araç tamamen tarayıcınızda çalışır. Hiçbir şey yüklenmez, hiçbir şey saklanmaz; hatta başlamadan önce internet bağlantınızı kapatabilirsiniz.
Örnek
Örnek: beyaz zemindeki iki renkli bir logonun renk kodları
Bir PNG logo: beyaz zemin üzerinde lacivert bir dikdörtgen ve altında turuncu bir şerit. Her parçaya tıklamak o rengin kodunu verir; «Ana renkleri bul» ise renkleri görselde kapladıkları payla listeler.
- Lacivert dikdörtgene tıklayın: #1B3A6B, rgb(27, 58, 107). Turuncu şeride tıklayın: #F28C28, rgb(242, 140, 40).
- Ana renkler için 5’i seçip «Ana renkleri bul» düğmesine basın.
- Listeyi kopyalayın ya da palet görseliyle birlikte indirin.
| Renk | HEX | RGB | Pay |
|---|---|---|---|
| Beyaz | #FFFFFF | rgb(255, 255, 255) | %64 |
| Lacivert | #1B3A6B | rgb(27, 58, 107) | %27 |
| Turuncu | #F28C28 | rgb(242, 140, 40) | %9 |
Beş renk istenmesine rağmen liste üç renkte kalır: düz bir logoda yalnızca üç renk vardır ve kenarlardaki geçiş tonları ayrı renk sayılmaz. Çok tonlu bir fotoğrafta ise istenen sayı genellikle dolar.
Nasıl çalışır
- Bir görsel bırakın. Altta, tıklamaya hazır görünür.
- Bir noktaya tıklayın: o renk HEX ve RGB kodlarıyla listeye girer. Kopyalamak için bir koda tıklayın.
- Görselin ana renkleri için kaç tane istediğinizi seçip “Ana renkleri bul” düğmesine basın.
- Listeyi kopyalayın ya da her rengi ve payını gösteren bir palet görseliyle birlikte indirin.
Sık sorulan sorular
- Tıklanan renk ne kadar doğru?
- İmlecin altındaki pikselin rengidir, doğrudan görselden okunur. Bir fotoğrafta komşu pikseller biraz farklıdır; aralığı görmek için birkaç kez tıklayın.
- Ana renkler nasıl bulunur?
- Pikseller k-means ile seçtiğiniz sayıda renge gruplanır; her renk kendi grubunun ortalamasıdır ve görselde kapladığı payla gösterilir. Saydam alanlar sayılmaz.
- HEX ile RGB arasındaki fark ne?
- Aynı rengin iki yazılışıdır: #1B3A6B onaltılık sayılarla kırmızı 1B, yeşil 3A, mavi 6B demektir; rgb(27, 58, 107) aynı değerlerin onluk hâlidir. Tasarım programları ve CSS ikisini de kabul eder; listede her renk iki biçimde de yazılır.
- Kod neden tasarım dosyamdan farklı?
- JPG sıkıştırması ve renk profilleri renkleri biraz kaydırır. Kesin bir marka rengi için bir PNG dışa aktarımından başlayın ya da tasarım dosyasına bakın.
- Kaç ana renk seçmeliyim?
- 5, 8 ya da 12 seçilebilir; başlangıçta 8’dir. Düz renkli bir logo ya da ikon için 5 yeterlidir, fazlası zaten listede çıkmaz. Fotoğraflarda 8 ya da 12, gölge ve ara tonları da ayrı renkler olarak gösterir.
- Görselim yüklenir mi?
- Hayır. Görsel bu sayfadaki bir tuvale çizilir ve oradan okunur. Ücretsiz plan günde 5 ana renk araması sunar; tıklamalar sayılmaz.