CREATIVE TOOL HUB

CreativeDesign Tools

Keep practical helpers for color extraction, palettes, SVG icons, free font references, layout code, and layered shadows in one place.

Color Tools

Color Code Picker

Check and copy HEX, RGB, and HSL color values instantly.

Image Palette Extractor

Pull representative HEX palettes from photos and visual references.

Contrast Checker

Verify WCAG contrast ratio and pass status for text and backgrounds.

Gradient Generator

Create polished CSS gradients quickly for banners, buttons, and hero backgrounds.

Random Palette Generator

Generate harmonious color combinations for fast concept exploration.

Icons & Sources

SVG Icon Packs

Compare commercial-friendly vector icon libraries and open the official source directly.

Free Font Guide

Browse recommended Korean and English fonts that work well under open, commercial-friendly terms.

Layout

Grid Generator

Visually build CSS Grid and Flexbox layout code, then copy it instantly.

Shadow Generator

Build layered box-shadow values visually and copy them instantly.

Keep the next step flowing

Move color decisions into image work

Set up palettes and contrast first, then continue into image compression, resizing, and watermarking.

Open image tools

Narrow icon and font sources faster

Compare icon packs and free font options quickly, then jump straight to the official source that fits the tone.

Continue straight into layout code

After locking color direction, generate grid and shadow code for actual UI mockups and implementation.

Open layout tools