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

Pengonversi Warna (HEX/RGB/HSL/OKLCH)

HEX, RGB, HSL dan OKLCH modern — secara instan.

Pemeriksa Kontras (WCAG)

Periksa kontras WCAG AA / AAA — lulus atau gagal.

Pencari Warna Tailwind

Kelas Tailwind terdekat untuk warna HEX apa pun.

Pemilih & Palet Warna Gambar

Jatuhkan gambar, ekstrak paletnya.

CSS generators

Generator Gradien

CSS gradien linear, radial, dan konik.

Generator Box Shadow

Editor visual box-shadow CSS.

Generator Border Radius

Editor border-radius CSS per sudut.

Editor Cubic Bezier

Desain kurva easing CSS secara visual.

Layout & assets

Konverter Satuan CSS

Ubah px, rem, em, pt, dan lainnya.

Kalkulator Rasio Aspek

Hitung rasio dan ubah ukuran dimensi.

Pengubah Ukuran Gambar

Ubah ukuran gambar ke dimensi piksel yang tepat.

Kompresor Gambar

Perkecil ukuran file gambar dengan satu klik.

Konverter Format Gambar

Konversi PNG, JPG, dan WebP — di browser Anda.

Generator Favicon

Buat set ikon favicon dan PWA lengkap.

Konverter SVG ke PNG

Render markup SVG ke PNG resolusi tinggi.

Penjiplak Vektor PNG ke SVG

Vektorisasi PNG, JPG atau WebP menjadi SVG yang dapat diskalakan.

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