Pagus Logo
Geliştirici & Web Araçları 4 kez kullanıldı

Renk Kodu ve Tailwind CSS Sınıf Eşleştirici

Girilen HEX veya RGB renk koduna matematiksel olarak (Delta-E / Redmean renk uzayı mesafesiyle) en yakın orijinal Tailwind CSS v3/v4 renk sınıfını bulur.

Canlı Renk Karşılaştırması
Girilen Renk
Tailwind Eşleşen
En Yakın Tailwind Sınıfı
bg-indigo-600
Indigo 600 (#4F46E5)
Renk Benzerliği (Delta-E)
%100 Birebir
RGB Mesafe: 0.00
RGB & HSL Karşılığı
rgb(79, 70, 229)
hsl(243, 75%, 59%)
Keyfi (Arbitrary) JIT Sınıfı
bg-[#4F46E5]
Tailwind v3/v4 Tam Kod

En Yakın İlk 4 Tailwind CSS Palet Alternatifi

Bilgilendirme ve Güvenlik: Bu araçta yapılan işlemler tamamen tarayıcınızda (yerel olarak) gerçekleşir ve sunucularımıza kaydedilmez. Sonuçlar bilgilendirme amaçlı olup resmi işlem veya danışmanlık yerine geçmez. Detaylar için Kullanım Şartları sayfamızı inceleyebilirsiniz.

HEX / RGB Renk Kodu ve Tailwind CSS Sınıf Eşleştirici

Figma, Adobe XD veya kurumsal marka kılavuzlarından alınan özel bir HEX (Örn: #4F46E5) ya da RGB renk kodunu projeye aktarırken, tailwind.config.js dosyasını şişirmek yerine mevcut Tailwind CSS paletindeki en yakın standart sınıfı kullanmak tasarım tutarlılığını korur. Pagus Tailwind CSS Sınıf Eşleştirici, girdiğiniz rengi tüm Tailwind v3/v4 renk uzayıyla karşılaştırarak en yakın karşılığı bulur.

Matematiksel Renk Mesafesi ve Benzerlik Analizi

  • Algısal Renk Eşleştirme: İnsan gözünün yeşil, kırmızı ve mavi dalga boylarına olan duyarlılığını hesaba katan ağırlıklı RGB / Delta mesafesi algoritması kullanılır.
  • Canlı Karşılaştırma Kutusu: Girdiğiniz orijinal renk ile eşleşen Tailwind sınıfının rengini yan yana görerek ton farkını gözünüzle test edebilirsiniz.
  • İlk 4 Alternatif Palet Önerisi: En yakın tek rengin yanı sıra diğer renk ailelerindeki (örneğin slate, gray veya indigo, violet) en yakın 4 alternatifi de listeler.

Sıkça Sorulan Sorular

Renk Kodu ve Tailwind CSS Sınıf Eşleştirici hakkında merak edilenler

Aracımız, girdiğiniz rengin R, G, B kanalları ile resmi Tailwind CSS paletindeki tüm renk tonları (50'den 950'ye kadar) arasındaki insan gözü duyarlılığı ağırlıklı (Redmean / Delta-E) Öklid mesafesini hesaplayarak en düşük sapmaya sahip sınıfı bulur.

Benzer Geliştirici & Web Araçları

Tümünü Gör →

Güçlü Şifre Oluşturucu

Kriptografik olarak güvenli, kırılması imkansıza yakın rastgele şifreler ve parola kombinasyonları üretin.

Araca Git →

Crontab (Zamanlanmış Görev) İfade Oluşturucu

Dakika, saat, gün ve ay seçimlerine göre Linux Cron komutunu üretin, çalışma zamanlarını Türkçe açıklayın ve gelecek çalışma tarihlerini görün.

Araca Git →

JSON Formatlayıcı & Doğrulayıcı

Karmaşık veya sıkıştırılmış JSON verilerini okunabilir şekilde güzelleştirin (Beautify), sıkıştırın (Minify) ve sözdizimi hatalarını yakalayın.

Araca Git →

JWT (JSON Web Token) Çözücü ve Doğrulayıcı

JWT Token içindeki Header ve Payload (veri) kısımlarını yerel olarak decode ederek okunabilir JSON formatında ve süre (exp/iat) durumuyla inceleyin.

Araca Git →

cURL Komutunu PHP / Fetch / Axios Koduna Dönüştürücü

Yapıştırılan terminal cURL komutunu (-X, -H, -d, --data-raw, -u vb.) analiz ederek doğrudan çalışmaya hazır PHP cURL, JavaScript Fetch, Axios veya Python Requests koduna çevirir.

Araca Git →

UUID / GUID (v4) Toplu Oluşturucu

Veritabanı birincil anahtarları ve yazılım projeleri için kriptografik olarak benzersiz (RFC 4122 v4 standartlarında) 1 ile 1000 adet arası UUID üretir.

Araca Git →