Built for designers — pixel-perfect, private, instant.

Convert colors, check WCAG contrast, build gradients, shadows and easing curves, sample palettes from images, and clean up assets — all client-side.

Why this set

Designers move between Figma, the browser DevTools panel, and the codebase all day. This set replaces the dozen tabs you'd otherwise keep open: a color converter that speaks HEX/RGB/HSL/OKLCH, accessible contrast checking, CSS generators that output copy-paste ready code, and image utilities that compress without re-uploading sensitive comps to a third-party host.

Color

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 generators

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.

Layout & assets

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.

Görüntü Yeniden Boyutlandırıcı

Görüntüleri tam piksel boyutlarına yeniden boyutlandırın.

Görüntü Sıkıştırıcı

Tek tıklamayla görüntü dosya boyutunu küçültün.

Görüntü Formatı Dönüştürücü

JPG, PNG ve WebP'yi tarayıcınızda dönüştürün.

Favicon Oluşturucu

Tam favicon ve PWA simge setlerini oluşturun.

SVG'den PNG'ye Dönüştürücü

SVG işaretlemesini yüksek çözünürlüklü bir PNG'ye dönüştürün.

PNG-SVG Vektör İzleyici

PNG, JPG veya WebP'yi ölçeklenebilir SVG'ye dönüştürün.

More audiencesFor developers For iphone users For writers & editors For finance & accounting For travelers