Renk ve CSS tasarımı
Renk, palet ve kontrast stüdyosu
Renk modellerini dönüştürün, CSS ölçekleri kurun, paletler ayıklayın ve WCAG veya APCA kontrastını denetleyin.
Aracı açınAraç koleksiyonu
Renk, erişilebilirlik ve CSS stüdyoları
Renk ve kontrastları karşılaştırın, degrade ve gölgeler hazırlayın, ardından Grid, Flexbox veya akışkan tipografiyle yerleşimler kurun. Kontrast sonuçları seçilen standarda bağlıdır; eksiksiz bir erişilebilirlik denetimini yerine koymaz.
Renkleri keşfetmek, kontrastı doğrulamak ve degrade, gölge ve CSS yerleşimleri tasarlamak için stüdyolar.
Koleksiyonun araçları
4 araç
Renk ve CSS tasarımı
Degrade, gölge ve CSS animasyon stüdyosu
Degrade, gölge, filtre, dönüşüm ve CSS animasyonlarını önizlemesiyle birleştirin.
Aracı açınRenk ve CSS tasarımı
CSS Grid, Flexbox ve akışkan tipografi stüdyosu
CSS ızgarası, Flexbox yerleşimleri, akışkan tipografi ve duyarlı boşluklar için prototipler kurun.
Aracı açınGörsel ve vektörel
SVG ve vektörel ikon stüdyosu
SVG kodunu, viewBox'ı ve renkleri düzenleyin, hatları optimize edin; sonra TSX/JSX, CSS Data URI, PNG veya WebP olarak dışa aktarın.
Aracı açınKapsanan kategoriler
Tasarım ve CSS araçları hakkında sorular
Renk stüdyosu WCAG ve APCA kontrastını doğrular mı?
Renk stüdyosunun kartı kullanılabilir yöntemleri ve ölçümleri açıklar. Seçili modu denetleyin ve sonucu kullanım bağlamına göre yorumlayın.
İlgili koleksiyonlar
Araçları görev türüne göre keşfedin.
Bütün araçlara göz atın