Generate harmonious color palettes from a base color. Complementary, analogous, triadic, tetradic, monochromatic. CSS variables, Tailwind config, WCAG contrast.
Generate harmonious color palettes from a base color. Complementary, analogous, triadic, tetradic, monochromatic. CSS variables, Tailwind config, WCAG contrast.
Category: Strumenti di design • Free online tool • No signup required
Strumenti che potrebbero servirti
Professional color tool with HSL/RGB sliders, format conversion, WCAG contrast checker, and palette generation.
Strumenti di designConvert HEX color to RGB. #ff5733 to rgb(255,87,51). For CSS and design.
Strumenti di designConvert RGB to HEX color. rgb(255,87,51) to #ff5733. For CSS and design.
Strumenti di designConvert HSL to HEX color. Hue, saturation, lightness. For color manipulation.
Strumenti di designCheck color contrast ratio. WCAG AA/AAA compliance. For accessibility.
Strumenti di designGenerate color palettes. Complementary, analogous, triadic. From base color.
Strumenti di design:root {
--color-0: #6366f1;
--color-1: #f1ee63;
}theme: {
extend: {
colors: {
palette: {
0: '#6366f1',
1: '#f1ee63'
}
}
}
}