yukt.tools
design

Color Converter

Convert HEX, RGB, and HSL colors into copy-ready values.

Color input

HEX, rgb(), rgba(), hsl(), or hsla()

sample
#0066ff

#0066ff

examples
waiting for a valid color

Copy-ready values

Run a valid color to fill these rows

No converted color yet

Pick a swatch, paste a CSS color, or choose an example to create copyable rows.

Related tools and guides
design

Aspect Ratio Calculator

Simplify aspect ratios and calculate scaled width or height.

open
design

CSS Clamp Calculator

Generate a responsive CSS clamp() value from minimum and maximum sizes and viewport widths.

open
design

Contrast Checker

Check foreground and background colors against WCAG AA and AAA contrast thresholds.

open
design

Spacing Scale Generator

Generate CSS spacing design tokens from a pixel base, rem base, and token prefix.

open