Generate harmonious color palettes from a base color. Complementary, analogous, triadic, tetradic, monochromatic. CSS variables, Tailwind config, WCAG contrast.
Tools you might need next
Professional color tool with HSL/RGB sliders, format conversion, WCAG contrast checker, and palette generation.
Design ToolsConvert HEX color to RGB. #ff5733 to rgb(255,87,51). For CSS and design.
Design ToolsConvert RGB to HEX color. rgb(255,87,51) to #ff5733. For CSS and design.
Design ToolsConvert HSL to HEX color. Hue, saturation, lightness. For color manipulation.
Design ToolsCheck color contrast ratio. WCAG AA/AAA compliance. For accessibility.
Design ToolsGenerate color palettes. Complementary, analogous, triadic. From base color.
Design Tools:root {
--color-0: #6366f1;
--color-1: #f1ee63;
}theme: {
extend: {
colors: {
palette: {
0: '#6366f1',
1: '#f1ee63'
}
}
}
}