Adlandırılmış Renk Bulucu

Tüm araçlar

Herhangi bir renk için en yakın CSS adlandırılmış rengini ve en yakın Tailwind tonunu bulun — algısal olarak eşleştirilmiş, kopyalamaya hazır değerlerle.

Renginiz
#3B82F6
En yakın CSS rengi
—
—
Fark: —
Tam eşleşme
En yakın Tailwind tonu
—
—
Fark: —
Tam eşleşme

Herhangi bir renk yazın veya seçin; en yakın adlandırılmış CSS rengi ve Tailwind tonu — tarayıcınızda algısal olarak eşleştirilmiş — anında görün.

Adlandırılmış Renk Bulucu Hakkında

Named Color Finder basit bir soruyu yanıtlar: bu rengin adı ne? Herhangi bir rengi girin veya seçin; anında tarayıcıların anladığı standart listeden en yakın CSS adlandırılmış rengi — "steelblue" veya "coral" gibi — ve en yakın Tailwind palet tonunu, "sky-600" gibi, döndürür.

Eşleştirme salt sayısal değil algısaldır, bu yüzden önerilen adlar sadece ham RGB açısından yakın olmak yerine gerçekten girdi renginize benzer. Bir fark göstergesi, eşleşmenin tam mı, çok yakın mı yoksa sadece yaklaşık mı olduğunu söyler, böylece akılda kalıcı bir ad için ne kadar sadakattan ödün verdiğinizi bilirsiniz.

Arama tamamen tarayıcınızda, her sonuçta kopyalama düğmeleriyle çalışır. Daha okunabilir CSS yazmak, keyfi marka renklerini bir Tailwind skalasıyla hizalamak veya sadece bir fotoğraftan seçtiğiniz bir rengin ne olarak adlandırılacağını öğrenmek için kullanışlıdır.

Adlandırılmış Renk Bulucu Nasıl Kullanılır

  1. Bir renk değeri yazın veya seçiciyle seçin; keşfetmek için "Rastgele"ye tıklayın.
  2. Girdinizle yan yana gösterilen en yakın CSS adlandırılmış rengi ve en yakın Tailwind tonunu okuyun.
  3. Her eşleşmenin ne kadar yakın olduğunu görmek için fark göstergesini kontrol edin.
  4. Kullanmak istediğiniz değerde "Kopyala"ya tıklayın.

Sıkça sorulan sorular

Evet. Eşleştirme, paketlenmiş renk listelerine karşı tarayıcınızda yerel olarak hesaplanır, bu yüzden aramalar ücretsiz, anında ve sınırsızdır.

CSS, "red" gibi temellerden "papayawhip" gibi belirsiz girdilere kadar yaklaşık 148 adlandırılmış renk tanımlar (bazıları gray/grey gibi takma ad olduğu için 147 benzersiz değer). Her tarayıcı bunları anlar ve bu araç girdiğiniz herhangi bir renge en yakın olanı bulur.

Araç, basit bir RGB karşılaştırması yerine algısal bir renk-mesafe metriği kullanır, bu yüzden önerilen ad renklerin insan gözüne gerçekte ne kadar benzer göründüğünü yansıtır — özellikle mat tonlar ve neredeyse-griler için önemlidir.

Tailwind'in varsayılan renk paletinden en yakın ton, "emerald-500" gibi tanıdık ton-artı-numara formatında adlandırılır. Keyfi tasarım renklerini Tailwind'in skalasına oturtmak için kullanışlıdır, böylece yardımcı sınıflarınız tutarlı kalır.

Girdi renginiz adlandırılmış renkle özdeştir — sıfır görsel değişiklikle adı HEX değeriyle değiştirebilirsiniz. Daha düşük dereceler ("Very close", "Close", "Approximate") artan, ancak genellikle fark edilemeyen bir farkı gösterir.
Paylaş
İlgili Araçlar
Ekran Renk Seçici Göz damlasıyla ekranınızdaki herhangi bir pikseli örnekleyin veya bırakılan görüntüden renk seçin ve bunları kopyalamaya hazır bir palete toplayın. Ücretsiz
Renk Paleti Oluşturucu Etkileşimli renk tekerleğinden uyumlu renk paletleri oluşturun — analogous, complementary veya triad gibi uyum kuralları uygulayın, ardından herhangi bir değeri anında kopyalayın. Ücretsiz
Renk Kodu Dönüştürücü Renkleri HEX, RGB, RGBA, HSL, HSLA, HSV ve CMYK arasında dönüştürün — bir renk seçin, alfayı ayarlayın ve herhangi bir formatı anında kopyalayın. Ücretsiz
Pantone Renk Eşleştirici Herhangi bir Pantone solid-coated kodunu arayarak HEX, RGB ve CMYK değerlerini okuyun veya bir HEX/RGB rengi girip en yakın Pantone eşleşmesini anında bulun — hepsi tarayıcınızda. Ücretsiz
Tam Beyaz Ekran Tüm ekranınızı saf beyazla doldurun — ölü pikselleri tespit etmek, monitörünüzü temizlemek, bir ışık kutusu ya da yumuşak dolgu ışığı için mükemmel. Ücretsiz ve tarayıcınızda çalışır. Ücretsiz
Renk Tonları Oluşturucu Tek bir renkten ton ve gölgelerin tam aralığını oluşturun — koyulaştırma/açma adımınızı ve ton sayısını seçin, ardından herhangi bir değeri anında kopyalayın. Ücretsiz
Popüler aramalar
adlandırılmış renk bulucu en yakın css renk adı renk adı bul en yakın tailwind rengi hex renk adına renk adını belirle
Yardıma mı ihtiyacınız var?
Bu araçta bir sorun mu buldunuz? Ekibimize bildirin.
Sorun bildir

Bu ücretsiz aracı kendi web sitenize ekleyin — aşağıdaki kodu kopyalayıp yapıştırın.