Bir görsel yükleyin, herhangi bir noktaya tıklayın ve doğru HEX, RGB ve HSL renk değerlerini anında alın.
🖱️ Move your mouse over the image and click to select a color.
Sonraki projeniz için özenle seçilmiş 100'den fazla renk kombinasyonunu keşfedin.
ColorPick; tasarımcıların, geliştiricilerin, sanatçıların ve içerik üreticilerinin görsellerden hızlıca renk çıkarmasına yardımcı olur.
ColorPick guide
ColorPick, bir görselden, ekran görüntüsünden, fotoğraftan, illüstrasyondan veya tasarım referansından kullanılabilir bir dijital renk bulmayı kolaylaştırır. Rengi göz kararı tahmin etmek yerine görseli yükleyin, istediğiniz alanı seçin ve HEX, RGB veya HSL değerini tasarımınıza ya da kodunuza kopyalayın.
Bir görsel seçtiğinizde araç görseli tarayıcınızda okur ve renkleri görsel olarak incelemenizi sağlar. Rengi önizlemek için imleci görsel üzerinde hareket ettirin ve seçmek için tıklayın. Seçilen renk birden fazla formatta gösterilir. Renkleri My Palette bölümüne ekleyerek aynı görselden bir renk koleksiyonu da oluşturabilirsiniz.
HEX rengi onaltılık kanal değerleriyle gösterir ve CSS’te yaygındır. RGB kırmızı, yeşil ve mavi miktarlarını belirtir. HSL ise renk tonu, doygunluk ve açıklığı ifade eder ve kontrollü ayarlamaları anlamayı kolaylaştırabilir. Bu formatlar aynı dijital rengi farklı biçimlerde ifade eder; aralarında dönüşüm yapmak otomatik olarak yeni bir renk oluşturmaz.
Görseldeki önemli renkleri seçerek başlayın: arka plan, vurgu rengi, metin, illüstrasyon veya ürün öğesi. Gerekli renkleri My Palette’e kaydedin, ardından Color Code, Color Suggestions veya Color Wheel ile tonları ve uyumlu renkleri keşfedin. Yayınlamadan önce renkleri son kullanım bağlamında kontrol edin; kontrast ve çevredeki renkler algıyı değiştirebilir.
Mümkünse orijinal veya en yüksek kaliteli görseli kullanın. Sıkıştırılmış ekran görüntülerinde sıkıştırma ve görüntü efektleri nedeniyle piksel değerleri değişebilir. Gradyan, gölge, fotoğraf ve dokulu alanlarda tek bir piksele güvenmek yerine birden fazla noktadan örnek alın. ColorPick örneklenen dijital değeri gösterir; son renk yine gerçek ekranda ve tasarım içinde test edilmelidir.
ColorPick, bir görselden renk seçmek ve dijital renk değerini bulmak için kullanılabilir.
ColorPick
Bu ColorPick aracı hakkında sık sorulan sorulara pratik yanıtlar.
Upload an image, move the pointer over it, and click the area you want. ColorPick shows the selected color and its HEX, RGB and HSL values.
The image picker reads the selected image in your browser so you can sample colors locally. The contact form is a separate feature that can send a message when you submit it.
The picker provides HEX, RGB and HSL values so you can use the same color in web design, UI, graphics and other digital projects.
Renk seçici, dijital bir rengi seçmenizi ve renk değerini görmenizi sağlayan bir araçtır. ColorPick ile bir görselden renk örnekleyip HEX, RGB ve HSL değerlerini alabilirsiniz.
Fotoğraf, ekran görüntüsü, illüstrasyon, ürün görseli veya tasarım referansındaki bir rengi doğru şekilde bulup tasarımda ya da kodda yeniden kullanmak için kullanılır.
Color Wheel aracını açın ve renkler arasındaki ilişkileri inceleyin. Tamamlayıcı, benzer ve diğer renk uyumlarından yararlanarak uygun renk kombinasyonları bulabilirsiniz.
Bir rengi seçtikten sonra değerini kopyalayıp CSS dosyanıza, tasarım uygulamanıza, arayüz prototipinize veya marka renk paletinize ekleyebilirsiniz. HEX web tasarımında yaygındır; RGB kırmızı, yeşil ve mavi kanallarını gösterir; HSL ise ton, doygunluk ve açıklığı anlamayı kolaylaştırır. Görselde gölge, gradyan veya doku varsa birkaç farklı alanı örnekleyip sonuçları karşılaştırın. Ana renkleri ve vurgu renklerini paletinizde saklamak, düğmeler, bağlantılar, arka planlar ve çizimler arasında tutarlılık sağlar. Yayına almadan önce metin ile arka planın kontrastını kontrol edin.
COLOR TOOLS
Use ColorPick as an online color picker to sample colors from photos, screenshots, artwork, and design mockups. Choose a shade and copy its HEX, RGB, or RGBA value for websites, graphic design, branding, and digital projects. Whether you need a hex color picker, rgb color picker, HTML color picker, or color picker from image, the goal is to identify a precise color quickly and reuse it in your workflow.