Color & Design Tools
32 tools · 32 available now
Convert color formats, build gradients and shadows, check contrast, and generate harmonious palettes for your designs.
Color Converter
Convert colors between HEX, RGB, HSL, HSV, and CMYK.
Gradient Generator
Build linear, radial, and conic CSS gradients.
Box-Shadow Generator
Design CSS box-shadows with a live preview.
Text-Shadow Generator
Design CSS text-shadows visually.
Border-Radius Generator
Craft custom CSS border-radius shapes.
Clip-Path Generator
Create CSS clip-path shapes visually.
CSS Transform Generator
Build CSS rotate, scale, and skew transforms.
CSS Animation Generator
Create CSS keyframe animations with a visual editor.
WCAG Contrast Checker
Check color contrast against WCAG AA and AAA.
Color Blindness Simulator
Preview colors through different types of color blindness.
Tailwind Color Picker
Browse and copy the full Tailwind CSS color palette.
Material Design Colors
Browse and copy the Material Design color palette.
Palette from Base Color
Generate a full palette from a single base color.
Color Name Finder
Find the closest named color to any value.
CSS Triangle Generator
Generate pure-CSS triangles in any direction.
Tints and Shades
Generate lighter tints and darker shades of a color.
Complementary Color Finder
Find the complementary color for any hue.
Analogous Color Scheme
Build an analogous color scheme from any base.
Triadic Color Scheme
Generate a balanced triadic color scheme.
Tetradic Color Scheme
Generate a four-color tetradic harmony.
Monochromatic Color Scheme
Build a monochromatic scheme from one hue.
Random Palette Generator
Generate curated random color palettes.
Color from Name
Turn any name or word into a unique color.
Pantone-Style Color Cards
Export colors as printable Pantone-style cards.
Color Mood Board
Arrange colors into a shareable mood board.
HEX to RGB
Convert HEX colour codes to rgb() values.
RGB to HEX
Convert rgb() colours to HEX codes.
HEX to RGBA
Convert HEX (including 8-digit hex-with-alpha) to rgba().
HEX to HSL
Convert HEX colours to hsl() values for tints and shades.
HSL to HEX
Convert hsl() colours to HEX codes.
RGB to HSL
Convert rgb() colours to hsl() for tints and shades.
HSL to RGB
Convert hsl() colours to rgb() values.
About color & design tools
Designers and front-end developers need fast, reliable color and CSS tooling. ToolJutsu's color and design category includes a HEX/RGB/HSL/CMYK converter, gradient and shadow generators, a WCAG contrast checker, color-blindness simulation, and palette generators based on real color theory. The visual builders give you instant previews and copy-ready CSS, and because they run in the browser there is no round-trip lag while you iterate on a design.
Every tool in this category runs entirely on your device. Your files and inputs are never uploaded to a server — there is no server in the loop that touches your data. That makes ToolJutsu a genuinely private way to get everyday tasks done. New tools in this category go live as the project progresses; cards marked “Soon” are on the roadmap.