Ton ve Gölge Oluşturucu
Herhangi bir rengin en açık tonlarını ve en koyu gölgelerini HEX kodu ile birlikte otomatik olarak oluşturun.
Bir Rengin Tonları ve Gölgeleri Nasıl Oluşturulur
Temel Bir Renk Seçin
Görsel seçici ile başlangıç rengini seçin veya HEX kodunu yazın.
Tonları ve Gölgeleri İnceleyin
Renginizdeki 5 daha açık ton (tintalar) ve 5 daha koyu ton (gölgeler) otomatik olarak oluşturulmuş olarak görülecektir.
İhtiyacın olan HEX kodunu kopyala
HEX kodunu panoya kopyalamak için herhangi bir renk örneğine tıkla.
Ton ve Gölge Oluşturucu hakkında sık sorulan sorular
Bir rengin daha açık ve daha koyu varyantlarına sahip olmak, tutarlı bir tasarım paleti oluşturmak için gereklidir (örneğin hover durumları, arka planlar veya kenarlıklar için). Bu araç bunları otomatik olarak hesaplar.
Ton (tint) ile gölge (shade) arasında ne fark vardır?
+
Bir ton, rengi beyazla karıştırarak (açarak) elde edilir ve bir gölge, rengi siyahla karıştırarak (koyulaştırarak) elde edilir.
Kaç varyant oluşturuyor?
+
Temel renginizden 5 adet daha açık ton ve 5 adet daha koyu gölge oluşturur, toplamda 10 adet.
Kodları kopyalayabilir miyim?
+
Evet, HEX kodunu kopyalamak için listeden herhangi bir renge tıklayın.
Tailwind benzeri bir tasarım paleti oluşturmak için işe yarar mı?
+
Evet, birçok tasarım sisteminin kullandığı 50-900 renk ölçekleriyle tamamen aynı konsepttir.
Ücretsiz mi?
+
Evet, bu araç tamamen ücretsizdir.
Rengim herhangi bir sunucuya yükleniyor mu?
+
Hayır, tüm hesaplamalar doğrudan tarayıcınızda yapılır.
Renkler
Renk Dönüştürücü (HEX, RGB, HSL, CMYK)
HEX, RGB, HSL ve CMYK arasında herhangi bir rengi anında dönüştürün, canlı önizleme ve en yakın renk adı ile.
Renk Paleti Oluşturucu
Bir temel renkten uyumlu 5 renk paleti oluşturun (tamamlayıcı, analog, üçlü veya monokromatik).
CSS Gradyan Oluşturucu
4'e kadar renkle doğrusal veya radyal degradeler oluşturun ve kullanmaya hazır CSS kodunu kopyalayın.
WCAG Kontrast Kontrol Aracı
Metin ve arka plan renk kombinasyonunun AA ve AAA erişilebilirlik seviyelerini karşılayıp karşılamadığını kontrol et.
Rastgele Renk
Tek bir tıkla rastgele bir renk oluşturun ve adını, HEX/RGB/HSL kodunu ile benzer renkleri keşfedin.
Renk seçici (damlalık)
Tarayıcının pipet aracını kullanarak ekranınızdan herhangi bir renk seçin veya klasik renk seçiciyi kullanın.
Renk Körlüğü Simülatörü
Bir resim yükleyin ve protanopia, deuteranopia veya tritanopia olan kişilerin nasıl gördüğünü kontrol edin.
Mesh Degrade Oluşturucu
Mesh degradeleri (bulanık renk lekelerini) içeren arka planlar oluşturun, PNG olarak indirin veya CSS kodunu kopyalayın.
Renk Karıştırıcı
İki rengi karıştırın ve ara tonları adım adım HEX kodlarıyla keşfedin.
Renk Tekerleği (Uyumlar)
Tekerlek üzerinde bir renk seçin ve uyumlu kombinasyonlarını keşfedin: tamamlayıcı, analoglar, triadik ve daha fazlası.
Resim Renk Paleti Çıkarıcı
Bir resim yükleyin ve baskın renklerini otomatik olarak çıkarın, her birinin HEX kodunu içeren bir palet oluşturun.
Bir Görüntünün Ortalama Rengi
Bir resim yükleyin ve anında ortalama rengini HEX, RGB ve HSL kodlarıyla hesaplayın.
Renkleri aile tarafından keşfedin
469'den fazla adlandırılmış renk, HEX, RGB, HSL ve CMYK kodlarıyla birlikte, 12 ton ailesinde organize edilmiştir.
