6XC

Renk Ton Skalası Üretici (Tint & Shade)

Tek marka renginden 50-900 tasarım sistemi skalası üretin — hex kodlu on ton, tıkla-kopyala.

732 görüntülenme

Renge tıklayınca hex kopyalanır

Tek Renkten Sisteme

Tasarım sistemleri (Tailwind, Material) asla tek marka rengi kullanmaz — 50'den (beyaza yakın) 900'e (siyaha yakın) bir skala kurar; marka rengi 500 civarında oturur. Açık adımlar (tint) tabanı beyaza, koyu adımlar (shade) siyaha karıştırır. Bu üretici on standart durağı hex kodları ve CSS değişkenleriyle verir; renge tıklayınca kopyalanır.

Skala pratikte şöyle kullanılır: 50-100 arka plan ve hover dolgusu, 200-300 kenarlıklar, 500-600 buton ve bağlantılar, 700-900 açık zeminde metin. Aynı skaladan adım eşlemek arayüzü uyumlu tutar; ≥700 ile ≤100 çiftleri genelde WCAG kontrastını geçer — kesin çifti kontrast denetleyicimizle doğrulayın.

Sıkça Sorulan Sorular

Canlı rengim açık tonlarda neden soluk görünüyor?

Saf beyaza karışım doygunluğu emer — arka planlar için istenen de budur. Daha canlı açık tonlar isterseniz üretmeden önce taban rengi biraz doygunlaştırın.

Marka rengim skalanın neresinde olmalı?

500-600 hedefleyin. Renginiz çok açık veya koyuysa, açıklığına uyan adıma koyun; üretici iki yönü de doldurur.

Bu değerler Tailwind'inkiyle aynı mı?

Birebir değil — Tailwind paletleri ton ton elle ayarlıdır. Bu skala tutarlı karışım kullanır; özel marka renklerinde öngörülebilirdir ve gerçek projeler için yeterince yakındır.

Benzer Araçlar

IP Adresim Ne? (IP Sorgulama) Genel IPv4/IPv6 adresinizi, servis sağlayıcınızı, yaklaşık konumu ve tarayıcı bilgilerinizi anında görün — tek tıkla kopyalayın. Çalıştır JSON Formatter Online JSON doğrulama, güzelleştirme (pretty print) ve sıkıştırma (minify) aracı. Çalıştır Renk Dönüştürücü HEX, RGB ve HSL renk kodları arasında anında dönüşüm yapın. Renk seçici dahil, ücretsiz. Çevir Taban Dönüşümü Hesaplama Sayıları ikilik, sekizlik, onluk, onaltılık ve 2-36 arası her tabana çevirin — büyük değerlerde bile kesin sonuç. Hesapla