Renk → tasarım sistemi

Bir renk girin; otomatik olarak bir palet, bir gradyan ve bir AA/AAA kontrast kontrolü oluşturun.

Renk → tasarım sistemi — Bağlı bir renk akış hattı: bir HEX değeri bir palet üreticiye akar, onun temel ve tamamlayıcı renkleri aynı anda bir kontrast denetleyicisini (AA/AAA) ve bir CSS gradyan oluşturucusunu besler. Bir renk seçin, bütün bir tasarım sistemi elde edin.

Dahil edilen araçlar

Renk Dönüştürücü

Renkleri HEX, RGB ve HSL arasında canlı önizlemeyle dönüştürün.

Renk Paleti Oluşturucu

Tek bir temel HEX renkten gölgeler, açık tonlar ve uyumlu renkler oluşturun; her biri kopyalanabilir bir HEX değeriyle gelir.

Renk Kontrastı Denetleyici

Bir ön plan ve arka plan HEX rengi arasındaki WCAG kontrast oranını denetleyin ve normal ile büyük metin için AA ve AAA'yı geçip geçmediğini görün.

CSS Gradyan Oluşturucu

Özel renk durakları ve bir açıyla doğrusal, radyal veya konik bir CSS gradyanı oluşturun, sonucu canlı önizleyin ve yapıştırmaya hazır background kuralını kopyalayın.