Curated for designers
A hand-picked subset of the catalog.
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
Công cụ chuyển đổi màu (HEX/RGB/HSL/OKLCH)
Chuyển HEX, RGB, HSL, OKLCH tức thì.
Công cụ kiểm tra độ tương phản (WCAG)
Kiểm tra độ tương phản WCAG AA/AAA – đạt hoặc không đạt.
Công cụ tìm màu Tailwind
Lớp Tailwind gần nhất cho bất kỳ màu HEX nào.
Công cụ chọn màu & bảng màu hình ảnh
Kéo thả hình ảnh, trích xuất bảng màu.
CSS generators
Layout & assets
Bộ chuyển đổi đơn vị CSS
Chuyển đổi px, rem, em, pt và nhiều hơn nữa.
Máy tính tỷ lệ khung hình
Tính toán tỷ lệ và thay đổi kích thước.
Thay đổi Kích thước Ảnh
Thay đổi kích thước ảnh theo kích thước pixel chính xác.
Nén Ảnh
Thu nhỏ kích thước tệp ảnh chỉ với một cú nhấp chuột.
Chuyển đổi Định dạng Ảnh
Chuyển đổi PNG, JPG và WebP — ngay trên trình duyệt.
Tạo Favicon
Tạo bộ biểu tượng favicon và PWA đầy đủ.
Chuyển đổi SVG sang PNG
Kết xuất mã đánh dấu SVG sang PNG độ phân giải cao.
Bộ vector hóa PNG sang SVG
Vector hóa PNG, JPG hoặc WebP thành SVG có thể mở rộng.