Tasarım Araçları

Ön uç ve görsel tasarım çalışmaları için hızlı araçlar; kopyalamaya hazır CSS ve WCAG kontrast formülüne dayalı erişilebilirlik denetimleri.

7 araç

Bu kategorideki araçlar

Renk DönüştürücüRenkleri HEX, RGB, HSL, HWB, OKLCH ve basit CMYK arasında dönüştürün. Herhangi bir CSS rengini yapıştırın veya renk seçiciyi kullanın, ardından istediğiniz biçimi kopyalayın. Tarayıcınızda çalışır.
Kontrast DenetleyiciMetin ve arka plan renklerinin WCAG 2.2 kontrast oranını denetleyin, metin ve arayüz öğeleri için AA ve AAA sonuçlarını görün ve en yakın uygun rengi bulun.
CSS Gradyan Oluşturucu2 ila 6 renk durağıyla doğrusal, radyal ve konik CSS gradyanları oluşturun; açı ve konumları ayarlayın, canlı önizleyin ve arka plan CSS'ini kopyalayın.
Kutu Gölgesi OluşturucuKaydırma, bulanıklık, yayılma, renk, opaklık ve inset ayarlarıyla katmanlı CSS kutu gölgeleri tasarlayın. Her arka planda önizleyin ve box-shadow CSS'sini kopyalayın.
Renk Paleti OluşturucuTek bir renkten tamamlayıcı, benzer, üçlü, dörtlü ve bölünmüş tamamlayıcı renk paletleri ile ton ve gölge paletleri oluşturun. Renkleri kilitleyin, ardından HEX, CSS veya JSON olarak kopyalayın.
PX'den REM'e DönüştürücüHerhangi bir kök yazı tipi boyutuyla (varsayılan 16px) px'i rem veya em'e, ya da tersine dönüştürün. Sık kullanılan boyutlar tablosunu kullanın veya tüm CSS kodlarındaki px değerlerini dönüştürün.
En Boy Oranı HesaplayıcıHerhangi bir en boy oranı için eksik genişlik veya yüksekliği bulun, 1920×1080 gibi boyutları 16:9 olarak sadeleştirin, şekli önizleyin ve CSS aspect-ratio kuralını kopyalayın.