10 araç · 100% in your browser

Renk ve Tasarım

Color and CSS tools for designers: HEX/RGB/HSL/OKLCH converter, WCAG contrast checker, gradient, shadow, border-radius and bezier generators, Tailwind colour…

Renk· 4 araç

Görüntülerden dönüştürün, kontrastı kontrol edin ve seçin.

Renk Dönüştürücü (HEX/RGB/HSL/OKLCH)

HEX, RGB, HSL ve modern OKLCH — anında.

Kontrast Denetleyicisi (WCAG)

WCAG AA / AAA kontrastını kontrol edin — geçti veya kaldı.

Tailwind Renk Bulucu

Herhangi bir HEX rengi için en yakın Tailwind sınıfı.

Görsel Renk Seçici & Paleti

Bir görsel bırakın, paletini çıkarın.

CSS üreteçleri· 4 araç

Gradyanlar, gölgeler, yarıçap ve yumuşatma eğrileri.

Gradyan Oluşturucu

Doğrusal, radyal ve konik CSS gradyanları.

Kutu Gölgesi Oluşturucu

Görsel CSS box-shadow düzenleyici.

Köşe Yuvarlama Oluşturucu

Köşeye özel CSS border-radius düzenleyicisi.

Kübik Bezier Düzenleyici

CSS easing eğrilerini görsel olarak tasarlayın.

Yerleşim· 2 araç

CSS birimleri ve en boy oranları.

CSS Birimleri Dönüştürücü

px, rem, em, pt ve daha fazlasını dönüştürün.

En Boy Oranı Hesaplayıcı

Oranları hesaplayın ve boyutları yeniden boyutlandırın.