Görselden renk seç
Resimden Renk Seçici
Resimden Renk Seçici, bir resimde tıkladığın her pikselin birebir renk kodunu verir. Büyüteç imlecin altındaki pikselleri gösterir ve seçilen her renk HEX, RGB, HSL, HSB, OKLCH, Lab ve CMYK değerleriyle gelir.
- Ücretsiz, kayıt yok
- Görseller cihazından çıkmaz
- Birebir piksel renkleri
Renk seçmek için bir görsel bırak
ya da Ctrl+V ile yapıştır. JPG, PNG, WebP, GIF, AVIF, SVG. En fazla 20 görsel.
Bir resimden renk nasıl seçilir?
Bir resimden renk seçmek için resmi seçicide aç ve istediğin piksele tıkla.
Görsel aç
Bir JPG, PNG, WebP, GIF, AVIF veya SVG dosyası bırak, yapıştır ya da seç. Görsel cihazında kalır.
Büyüteçle hedefle
İmleci görselin üzerinde gezdir. Büyüteç imlecin çevresindeki 11 x 11 piksellik alanı büyütür ve imlecin altındaki pikseli çerçeveler.
Tıkla ve seç
Pikselin rengini seçilen renklerine eklemek için tıkla ya da dokun. Bir işaretçiyi taşımak için sürükle ya da ok tuşlarıyla ince ayar yap.
Kodu kopyala
Herhangi bir kodu tek tıkla kopyala ya da seçilen tüm renkleri CSS, Tailwind, Adobe, Procreate ve diğer formatlara aktar.
Seçilen renk ne kadar kesin?
Her seçim gerçek bir pikselin değerini verir. Seçici görseli en uzun kenarında en fazla 2048 piksel olacak şekilde yumuşatma yapmadan okur, bu yüzden hiçbir ortalama değeri değiştirmez.
Bir fotoğrafta komşu pikseller çoğu zaman farklıdır, çünkü ışık, doku ve JPEG sıkıştırması küçük farklılıklar ekler. Bir alanın tamamının rengi için Ortalama ayarıyla Renk Paleti Çıkarıcı aracını kullan.
Seçici hangi renk kodlarını gösterir?
Seçici, seçilen her renk için her birinin kendi kopyalama butonu olan yedi kod gösterir.
- HEX
- CSS ve tasarım uygulamaları için altı haneli kod
- RGB
- 0 ile 255 arasında kırmızı, yeşil ve mavi kanallar
- HSL
- CSS için ton, doygunluk ve açıklık
- HSB
- Uygulama renk seçicileri için ton, doygunluk ve parlaklık
- OKLCH
- Modern CSS için algısal açıklık, kroma ve ton
- CIE Lab
- CSS
lab()biçiminde açıklık ve iki renk ekseni - CMYK
- Yazıcı profili olmadan baskı tahmini
- Kontrast
- Beyaza ve siyaha karşı WCAG 2 oranı
Palet çıkarıcı yerine seçiciyi ne zaman kullanmalısın?
| Görev | Araç |
|---|---|
| Buton veya bir ayrıntı gibi belirli bir noktanın kodunu bulma | Resimden Renk Seçici |
| Bir görselin tamamının ana renklerini alma | Renk Paleti Çıkarıcı |
| Kenar karışımları olmadan birebir logo renklerini alma | Logo Renk Çıkarıcı |
| Bir web sitesinin renklerini kodundan alma | Web Sitesi Renk Çıkarıcı |
Resimden renk seçici ne için kullanılır?
Renk eşleştirme
Baskı veya web tasarımı için bir fotoğraftaki boya, kumaş veya ürün rengini eşleştir.
Web tasarımı
Bir tasarım ekran görüntüsünden bir butonun veya arka planın birebir rengini kopyala.
Marka çalışması
Başlangıç noktası olarak bir ambalaj veya tabela fotoğrafından tek bir marka rengi al.
Erişilebilirlik kontrolleri
Seçilen bir metin renginin beyaza ve siyaha karşı kontrastını Renk kodları sekmesinde oku.
Resimden renk seçici: sık sorulan sorular
Bir resimdeki rengin HEX kodunu nasıl bulurum?
Resmi Resimden Renk Seçici'de aç ve renge tıkla. HEX kodu, yanında bir kopyalama butonuyla hemen görünür.
Telefonda renk seçebilir miyim?
Evet. Bir piksel seçmek için görsele dokun, ardından konumu ince ayarlamak için işaretçisini sürükle.
Aynı nesne neden farklı HEX kodları gösteriyor?
Işık, gölgeler ve sıkıştırma komşu piksellere farklı değerler verir. Nesnenin en düz alanından seç ya da alanın ortalamasını palet çıkarıcıyla al.
Ekran görüntüsünden renk seçebilir miyim?
Evet. Bir ekran görüntüsü al ve Ctrl+V veya Command+V ile sayfaya yapıştır.
Seçim sayısında bir sınır var mı?
Hayır. İhtiyacın olan kadar renk seç. Procreate dışa aktarımları ilk 30 rengi tutar, kod formatları ise tüm renkleri tutar.