Renk Paleti Oluşturucu
Temel bir rengi renk tekerleği uyum kurallarını kullanarak eksiksiz bir palete dönüştürün.
Renk Paleti Oluşturucu
Hex kodu, rgb() veya hsl() değeri olarak temel bir renk yapıştırın ve bu araç, renk tekerleği uyum kurallarını kullanarak, yalnızca aynı rengin basit bir parlaklık rampası yerine, etrafında tam bir palet oluşturur. Tek bir karşıt renk için tamamlayıcı seçin, dengeli kontrast için bölünmüş tamamlayıcı veya triadik, dört renk dikdörtgeni için tetradik, doğal olarak bir araya gelen komşu tonlar için analog veya tek bir tonun tonları ve gölgeleri için monokromatik.
Uyum seçeneği kaç renk çıktığını belirler – tamamlayıcı her zaman ikiyi, triadik ve bölünmüş tamamlayıcı üçü, tetradik dördü döndürür – oysa renk sayısı ve ton adım açısı yalnızca analog ve monokromatik harmonilar için geçerlidir; burada kaç renk istediğinize ve ne kadar ayrı olmasını istediğinize siz karar verirsiniz. Klasik renk tekerleği matematiği için HSL'de hesaplayın veya OKLCH'ye geçin; bu, tüm tonlar arasında aynı algılanan parlaklığı korur, böylece palet diğerlerinin yanında bir renk örneğinin garip karanlık veya soluk görünmesiyle çıkmaması sağlanır. Doygunluk ve parlaklık ayarlama kaydırıcıları uyum oluşturulduktan sonra tüm paleti ince ayar yapar ve renk biçimi seçeneği her sonucu hex, rgb(), hsl() veya oklch() olarak yazdırır.
Her renk örneği, beyaz ve siyah arka plan üzerinde metin olarak WCAG AA (4.5:1) ile kontrol edilir, her oran yanında işaret veya çarpı ile işaretlenir – oluşturulan palettenin hangi renklerinin gövde metni için güvenli olduğunu ve hangilerinin yalnızca dekorasyon için uygun olduğunu seçmek için yararlıdır. Sonucu düz liste olarak, doğrudan stil sayfasına yapıştırabilecek bir CSS özel özellik bloğu olarak veya Tailwind config renk nesnesi olarak dışa aktarın.
Herşey tarayıcınızda yerel olarak çalışır – girdiğiniz renk hiçbir yere yüklenmez. Çıktıyı kopyalayın, .txt dosyası olarak indirin veya bunu başka bir aracın girdisine göndererek onunla çalışmaya devam edin.