[{"data":1,"prerenderedAt":64},["ShallowReactive",2],{"tool-content-en-color-converter":3},{"id":4,"title":5,"body":6,"description":54,"extension":55,"locale":56,"meta":57,"navigation":58,"path":59,"seo":60,"stem":61,"toolId":62,"__hash__":63},"tools\u002Ftools\u002Fen\u002Fcolor-converter.md","Color Converter",{"type":7,"value":8,"toc":48},"minimark",[9,14,27,35,39,42,45],[10,11,13],"h2",{"id":12},"color-formats","Color formats",[15,16,17,18,22,23,26],"p",{},"Convert HEX, RGB, RGBA, HSL, and HSLA values directly in your browser. Enter HEX, RGB, HSL, or any CSS named color — space and slash syntax such as ",[19,20,21],"code",{},"rgb(255 0 0 \u002F 50%)"," and ",[19,24,25],{},"hsl(120deg 100% 50%)"," is supported — or use the built-in HSV picker: choose saturation and brightness on the pad, tune the hue, and drag the opacity slider for semi-transparent colors. Every format (hex, rgb, hsl, hsv) updates live, and the hex output automatically gains an alpha pair when the color is translucent. HSV is shown for reference only; it is not a CSS color function.",[15,28,29,30,34],{},"A ",[31,32,33],"strong",{},"random color"," button creates a fresh color on demand, in any, vivid, pastel, or grayscale styles, ready to copy.",[10,36,38],{"id":37},"palettes-and-contrast","Palettes and contrast",[15,40,41],{},"The tool generates complementary, analogous, triadic, tetradic, split-complementary, and shade palettes. Hover a swatch to reveal its hex code, click it to copy, or use Copy to grab every color in a group at once.",[15,43,44],{},"The WCAG contrast section measures the selected color against a background and reports the full AA\u002FAAA matrix for both normal and large text. Translucent colors are composited over the background before measuring, so opacity is taken into account. A live preview renders the foreground on the background as real large and normal text — edit the sample wording to try your own — and you can swap the two colors with one click.",[15,46,47],{},"All processing happens locally. No color values are uploaded or stored.",{"title":49,"searchDepth":50,"depth":50,"links":51},"",2,[52,53],{"id":12,"depth":50,"text":13},{"id":37,"depth":50,"text":38},"Convert colors, generate palettes, and check WCAG contrast locally.","md","en",{},true,"\u002Ftools\u002Fen\u002Fcolor-converter",{"title":5,"description":54},"tools\u002Fen\u002Fcolor-converter","color-converter","bngkNXYl7MATqfSsN66ykImdkLM9V61ta_2wb_bPKhE",1792391416827]