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

Metin ve arka plan rengi arasındaki WCAG 2.1 kontrastını ve APCA Lc puanını denetleyin, AA, AAA ve 3:1 rozetlerini görün ve en yakın geçen rengi uygulayın.

CSS Gradyan Oluşturucu

Sürüklenebilir renk durağı çubuğu, katmanlar, rastgele paletler ve kopyalamaya hazır kuralla doğrusal, radyal ve konik CSS gradyanları oluşturun.