One toolkit,
every design task
From color theory to contrast compliance — 10 tools crafted for designers and developers
เครื่องสร้างจานสี
Create harmonious color schemes with monochromatic, complementary, analogous, and triadic modes. Real-time preview with CSS export.
Color · Interactiveเครื่องสร้างเกรเดียนต์
Design beautiful linear and radial gradients with real-time Canvas preview. Copy CSS code instantly.
Gradient · CSS exportเครื่องตรวจสอบความคมชัด
Verify WCAG AA/AAA compliance for text and background colors. Get instant accessibility ratings.
Accessibility · AA/AAAวงล้อสี
Interactive color wheel to explore hues, saturations, and color relationships. Click to select and lock colors.
Interactive · Visualตัวแปลงสี
Convert between HEX, RGB, HSL, CMYK, and OKLCH with instant bidirectional conversion.
Converter · All formatsจานสีจากรูปภาพ
Extract beautiful color palettes from any image using smart color quantization.
Extraction · Smartระบบสี UI
Generate complete design token palettes from a single seed color. Export to Tailwind, CSS, or SCSS.
Design tokens · Tailwindการจับคู่ฟอนต์
Discover harmonious font pairings for headings and body text from curated collections.
Typography · 300+ fontsเครื่องสร้างมุมโค้ง
Visual border-radius editor with real-time preview. Copy CSS code with individual corner control.
CSS · Visual editorเครื่องสร้างเงา
Interactive box-shadow builder with multi-layering, real-time Canvas preview, and CSS output.
CSS · Layered14 Languages
Every tool, every label, every guide — fully translated.
Accessibility First
Every palette includes WCAG contrast scores. Design inclusively from the start.
Dev-Friendly Export
CSS, Tailwind, SCSS, JSON — copy the format your project needs.