Tasarım

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

Saydamlıkla birlikte HEX, RGB ve HSL dönüştürün, renk örneğini görün ve CSS değerlerini kopyalayın.

Renk kontrastı denetleyici

WCAG 2.2 kontrastını canlı önizlemeyle ölçün, normal ve büyük metin için AA ve AAA sonuçlarını görün.

CSS gradyan oluşturucu

İki ila sekiz renk durağıyla doğrusal veya radyal gradyan oluşturun ve önizlemedeki CSS kodunu kopyalayın.

CSS gölge oluşturucu

Dış veya iç gölge için kaydırma, bulanıklık, yayılma, renk ve opaklığı ayarlayıp CSS oluşturun.

En boy oranı hesaplayıcı

Görsel veya video oranlarını sadeleştirin ve hedef boyuta uygun genişlik ya da yüksekliği hesaplayın.

CSS Grid oluşturucu

Sabit veya uyarlanabilir ızgarayı canlı görünümde düzenleyin ve karşılık gelen CSS ile HTML’i alın.

CSS Flexbox oluşturucu

Yön, satır sarma, dağılım ve hizalamayı deneyip CSS ile HTML’i kopyalayın.

Renk paleti oluşturucu

Tamamlayıcı, benzer, üçlü veya tek renkli paletler oluşturup HEX, CSS ve JSON olarak alın.

CSS yuvarlatılmış köşe oluşturucu

Dört köşeyi birlikte veya ayrı ayarlayın, eliptik köşeleri önizleyin ve border-radius CSS çıktısını alın.

CSS çokgen clip-path oluşturucu

Noktaları sürükleyerek veya koordinatlarını yazarak çokgen kırpma alanı çizin ve CSS olarak dışa aktarın.

CSS cubic-bezier eğri düzenleyici

İki kontrol noktasını ayarlayın, geçişi deneyin ve cubic-bezier zamanlama fonksiyonu oluşturun.

CSS clamp ile akışkan yazı boyutu

Yazı boyutu ve görüntü alanı sınırlarından px veya rem kullanan uyumlu bir font-size: clamp() ifadesi oluşturun.

CSS resim filtresi oluşturucu

Örnek veya yerel resimde bulanıklık, parlaklık, renk ve opaklığı deneyin; filter CSS çıktısını alın.

CSS 2D ve 3D dönüşüm oluşturucu

Öteleme, döndürme, ölçek, eğme ve dönüşüm merkezini ayarlayın; isteğe bağlı perspektif ve 3D denetimleri ekleyin.

Kâğıt boyutları ve baskı piksel hesabı

A, ISO B, C ve Kuzey Amerika biçimlerini bulun; yön, çözünürlük ve taşma payıyla piksel, inç ve punto hesaplayın.

SVG iyileştirme ve PNG dönüştürme

SVG dosyalarını temizleyip iyileştirin, boyut ve görünümü karşılaştırın; SVG veya özel ölçülerde şeffaf ya da tek renk arka planlı PNG indirin.