Renk 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.

Kısaca

CSS ızgarası, Flexbox yerleşimleri, akışkan tipografi ve duyarlı boşluklar için prototipler kurun.

Temel işlevler

CSS ızgarası, Flexbox yerleşimleri, akışkan tipografi ve duyarlı boşluklar için prototipler kurun.

Bu aracı nasıl kullanırsınız

  1. Kullanılabilir komutlara göre gerekli ögeleri girin veya içe aktarın.
  2. Görevinize uygun seçenekleri seçin ve parametreleri denetleyin.
  3. Kopyalamadan veya dışa aktarmadan önce sonucu inceleyin.

İnteraktif çalışma alanı

Genel arayüz etiketleri eşleşme bulunursa çevrilir. Bazı özelleştirilmiş alanlar veya iletiler İngilizce kalabilir; biçim adları ve kod değişmez.

İnteraktif stüdyo, açtığınızda istek üzerine yüklenir.

Gizlilik ve sınırlar

İşleme ve ağ iletişimleri araca ve kullandığınız işleve göre değişir. Verileri göndermeden önce çalışma alanında gösterilen bilgileri ve gizlilik politikasını okuyun.

İşlevler, biçimler ve boyut sınırları tarayıcıya, kullanılabilir belleğe ve cihaza bağlıdır. Büyük dosyalarda cihaz kaynaklarını izleyin ve sonucu kullanmadan önce uygun bir uygulamayla doğrulayın.

İlgili araçlar

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ı görüntüleyin

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ı görüntüleyin

Araçlara dönün

☕ Bizi destekleyin