Renk Tonları
Tek bir baz renkten açık tonlar ve koyu gölgeler üret. HSL veya RGB, ayarlanabilir güç, Tailwind tarzı 50–950 token ve CSS/JSON dışa aktarım — sınırsız.
HSL modu açıklığı (ve doygunluğu) kaydırır — genelde daha temiz tint ve shade.
#bed5d3
#93c8c4
#62c1bb
#36b6ae
#20958d
#0f6e68
#135854
#144542
#143331
#122322
#0e1515
{
50: "#bed5d3",
100: "#93c8c4",
200: "#62c1bb",
300: "#36b6ae",
400: "#20958d",
500: "#0f6e68",
600: "#135854",
700: "#144542",
800: "#143331",
900: "#122322",
950: "#0e1515",
}Nasıl çalışır
Baz renk seç
Seçiciyi kullan veya HEX, rgb() ya da hsl() yapıştır. Ortadaki swatch (500) baz rengin.
Skalayı ayarla
HSL veya RGB karışımı, her yanda kaç tint/shade (1–8) ve beyaz/siyaha ne kadar yaklaşılacağını (güç) seç.
Kopyala veya token dışa aktar
HEX kopyalamak için swatch’a tıkla. Tailwind tarzı anahtarlar (50–950), CSS değişkenleri, JSON veya CSV dışa aktar.
Renk tonları nedir?
Tint rengi beyaza; shade siyaha karıştırır. Tasarım sistemleri bunları token (50–950) olarak kullanır. Bu sayfa onları yerelde üretir — Easy24 seçtiğin rengi almaz.
Neden bu araç
- Tek baz renkten tint ve shade
- HSL ve RGB üretim modları
- Ayarlanabilir adım ve güç
- Tailwind tarzı 50–950 token (5 adımda)
- CSS, JSON, CSV dışa aktarım
- Sınırsız — günlük kota yok
Sorular
Renk Tonları ne işe yarar?
Tek bir baz renkten açık-koyu palet üretir; UI token’ları, Tailwind skalaları ve CSS değişkenleri için.
HSL ile RGB ton farkı?
HSL çoğunlukla açıklığı değiştirir; RGB beyaz/siyaha karıştırır. HSL tonu genelde daha tutarlı tutar.
Neden 50–950?
Her yanda 5 adımda token’lar yaygın Tailwind benzeri skalaya uyar; 500 baz renktir.
Günlük limit var mı?
Hayır. Bu araçta günlük kota yok ve hesap gerekmez.
Hesap gerekir mi?
Hayır. Sayfayı aç ve kullan.
Telefonda çalışır mı?
Evet. Mobil tarayıcıda açılır.
İlgili araçlar?
Biçim dönüşümü için Renk Dönüştürücü; iki farklı rengi karıştırmak için Renk Karıştırıcı.
Easy24 işine yaradıysa kahve ısmarla
Araçlar tarayıcıda ücretsiz kalır. Kreosus üzerinden tek seferlik destek verirsin. Türkiye kartları geçer.
Benzer Dönüştür araçları
Tümünü görBase64 Kodla / Çöz
Dönüştür
UTF-8 metni Base64 veya Base64URL olarak kodla ve çöz. Canlı dönüşüm, MIME satır sarma, bayt istatistikleri ve hex görünümü — tamamen tarayıcıda.
AçDosya ⇄ Base64
Dönüştür
Herhangi bir dosyayı Base64, Data URI, HTML, CSS, JSON, XML veya Markdown olarak kodla — veya Base64 yapıştırıp dosyayı indir. URL-güvenli ve MIME sarma. Bu sekmede çalışır.
AçGörsel ⇄ Base64
Dönüştür
Görselleri Base64 veya data URL’ye çevir; geri çöz. Canlı önizleme, HTML/CSS/Markdown parçacıkları, MIME ve piksel boyutu — yükleme yok.
Aç