Nano Banana 2.1 YAYINDA — Google'ın en yenisi | Dene →
WAVESPEED AI RENK SEÇİCİ Tarayıcınızda çalışır
100% ÜCRETSİZ

Online Renk SeçiciRenkleri seçin, dönüştürün, kontrol edin ve dışa aktarın.

Çarktan, ekranınızdan veya herhangi bir resimden bir renk seçin ve HEX, RGB, HSL, HSV, OKLCH ya da CMYK olarak kopyalayın.
Armoniler ve ton skalaları oluşturun, metin kontrastını kontrol edin, renk körü gözüyle görün ve yapıştırmaya hazır kod dışa aktarın.

Her görselden renk seçmeYerleşik kontrast kontrolüCSS, Tailwind, Swift ve Android kodu
Kayıt gerekmez Yükleme yok Filigran yok

Renk seçici yükleniyor…

Renkler ve görseller cihazınızda kalır.
ÜÇ BASİT ADIM

Renk seçici nasıl kullanılır

01

Bir renk seçin

Renk çarkında sürükleyin, herhangi bir renk kodunu yazın veya yapıştırın, damlalığı kullanın ya da bir fotoğraf açıp bir piksele tıklayın.

02

İnce ayar yapın ve kopyalayın

RGB, HSL, HSV, OKLCH veya CMYK kaydırıcılarıyla ayarlayın ve ihtiyacınız olan değeri tek tıkla kopyalayın.

03

Oluşturun ve dışa aktarın

Armoniler veya ton skalası oluşturun, kontrastı ve renk körlüğünü kontrol edin, ardından projeniz için kodu kopyalayın veya indirin.

BİLMENİZDE FAYDA VAR

Renk seçimi için ipuçları

Paletleri kullanmayı ve okumayı kolaylaştıran birkaç alışkanlık.

Metin kontrastını erken kontrol edin

Gövde metni WCAG AA için arka planına karşı en az 4.5:1, büyük metin 3:1 ister. Kontrol aracı geçen en yakın rengi önerir.

Dengeli skalalar için OKLCH kullanın

OKLCH açıklığı gözün gördüğüyle eşleşir; bu yüzden OKLCH’de yapılan bir skala açıktan koyuya, bulanık ara tonlar olmadan eşit adımlarla ilerler.

Yalnızca renge güvenmeyin

Kırmızı ve yeşil birçok kişiye benzer görünür. Paletinizi renk körlüğü sekmesinde önizleyin ve anlamın önemli olduğu yerlere etiket veya simge ekleyin.

Fotoğraflardan seçerken ortalama alın

Fotoğraflar yakından bakınca gürültülüdür. 3×3 veya 5×5 bir örnek, tek bir başıboş piksel yerine gördüğünüz rengi verir.

Bir görselden palet başlatın

Beğendiğiniz bir fotoğrafı açın ve 5 ila 8 renk çıkarın. K-means ana renkleri bulur; median cut küçük vurguları korur.

Buradaki CMYK bir tahmindir

Baskı renkleri kâğıda ve baskı makinesine bağlıdır. CMYK değerini bir başlangıç noktası olarak kullanın ve matbaanızın profiliyle kontrol edin.

WaveSpeed AI

Paletinizi görsellere dönüştürün

WaveSpeed AI ile bir prompt’tan marka renklerinizde görseller ve videolar oluşturun.

  • 1.000+ yapay zeka modeli
  • Görsel, video ve 3D
  • Kullandıkça öde

Uygun yeni hesaplara $1 ücretsiz kredi. Kart gerekmez. Üreticiler için ayrı hesap ve kredi gereksinimleri vardır. renk seçici ücretsizdir.

Renk seçici SSS

Bir görselden nasıl renk seçerim?

Görsel sekmesini açın, bir fotoğraf veya ekran görüntüsü seçin (ya da yapıştırın), ardından herhangi bir piksele tıklayın veya dokunun. Büyüteç tam olarak hangi pikselde olduğunuzu gösterir ve 3×3 ile 11×11 arasındaki bir alanın ortalamasını alabilirsiniz. Resim tarayıcınızda okunur ve cihazınızda kalır.

Ekranımın herhangi bir yerinden renk seçebilir miyim?

Evet, damlalığı destekleyen tarayıcılarda (masaüstünde Chrome, Edge ve diğer Chromium tarayıcıları). Damlalık’a, ardından ekranınızdaki herhangi bir piksele, hatta tarayıcı penceresinin dışında bile tıklayın. Diğer tarayıcılarda bir ekran görüntüsü alıp Görsel sekmesine yapıştırın.

HEX’i RGB’ye nasıl dönüştürürüm?

HEX kodunu renk alanına yazın veya yapıştırın; RGB değeri altta, kopyalamaya hazır görünür. Birçok rengi aynı anda dönüştürmek için her satıra bir tane olacak şekilde Dönüştür sekmesine yapıştırın ve çıktı formatını seçin.

Hangi renk formatları destekleniyor?

HEX (3, 4, 6 ve 8 basamak), RGB, HSL, HSV/HSB, HWB, OKLCH, OKLab ve CMYK ile tüm CSS renk adları. Değerleri fonksiyon adıyla veya adı olmadan yapıştırabilirsiniz, örneğin “255, 87, 51”.

OKLCH nedir ve neden kullanılır?

OKLCH bir rengi algılanan açıklık, kroma (renklilik) ve ton ile tanımlar. Eşit adımlar eşit görünür; bu yüzden ton skalaları ve tutarlı paletler için idealdir ve modern CSS’te oklch() olarak desteklenir.

Kontrast kontrolü nasıl çalışır?

Metin ve arka plan arasındaki WCAG 2 kontrast oranını hesaplar ve normal ve büyük metin ile arayüz öğeleri için AA ve AAA’yı geçip geçmediğini gösterir. Ayrıca WCAG 3 taslağındaki APCA açıklık kontrastını (Lc) gösterir ve geçen en yakın rengi önerir.

Nasıl renk paleti oluştururum?

Bir temel renk seçin, ardından tamamlayıcı, üçlü ve diğer şemalar için Armoniler’i ya da açık tonlar, koyu tonlar ve 50–950 skalası için Tonlar’ı kullanın. Bir fotoğraftan da palet çıkarabilirsiniz. Favorilerinizi kaydedin ve kod olarak dışa aktarın.

Renkleri Tailwind, SwiftUI veya Android için dışa aktarabilir miyim?

Evet. Dışa Aktar sekmesi paletinizi CSS değişkenleri, SCSS, Tailwind v4 @theme veya v3 config, SwiftUI, UIKit, Android colors.xml, Jetpack Compose, JSON, GIMP paleti ya da düz hex listesi olarak yazar. Kopyalayın veya dosyayı indirin.

Bu renk seçici ücretsiz mi?

Evet. Kayıt, sınır ve filigran olmadan ücretsizdir ve her şey tarayıcınızda çalışır.

Tüm Ücretsiz Araçlar

Bir sonraki renginizi seçin

Ücretsiz, gizli ve tarayıcınızda hazır.

Renk seçiciyi aç