A color generator picks a color and names it in more than one notation. This color generator draws each sRGB channel as an integer from 0 to 255 using crypto.getRandomValues. It then writes HEX, RGB, and HSL. HSL is converted from those integer channels with the usual cylindrical formulas and rounded to whole degrees and percents. That is enough to paste into a stylesheet. It is not a calibrated color-management workspace and not an accessibility contrast checker.
For a two-stop CSS gradient that uses colors as stops, open the CSS Gradient Generator. This page will not emit linear-gradient CSS. It will not build a 64-color palette. One swatch, three strings, copy HEX.
There is no text field to type a color on this page. The job is generation. Keyboard users can tab to Generate and activate it. The swatch is decorative; the HEX row is the value to copy.
A draw of 13, 130, 243 becomes #0d82f3, rgb(13, 130, 243), and an HSL triple near hsl(210, 90%, 50%). Exact HSL depends on the rounding of the conversion. The HEX form always has six lowercase digits. Repeated generate changes the swatch. If Web Crypto is missing, the status says so instead of using Math.random.
If you needed two colors that work as a gradient, generate here for inspiration, then set the stops on the CSS Gradient Generator. If you needed a brand token, do not let a random draw replace a written spec. Random color is a starting point, not a design system.
HSL on this page is derived, not independently sampled. Sampling H, S, and L uniformly would not match uniform sRGB channel sampling. The page samples RGB so HEX and RGB stay exact integers. HSL is the convenience view.
The swatch uses the HEX as a CSS background. That is safe because the value is generated as six hex digits, not taken from a free-text field.
Copy HEX is the usual handoff into a design token or a CSS custom property. If you needed rgb() for a legacy rule, the RGB row is there to read. This batch does not put a second copy button on that row. Select the text if you must.
Repeated generate is the whole interaction. There is no lock to keep a color you liked except copy or write it down. The page will not keep a history of earlier draws. If you want a pair, generate twice and record both, or move to the CSS Gradient Generator and set two stops.
Black and white can appear. They are valid sRGB points. A draw of 0, 0, 0 is #000000. That is not a failure of the generator.
Each channel is an integer 0–255 from crypto.getRandomValues. This is not a color-management workspace.
Six lowercase hex digits with a leading #, for example #0d82f3.
No. Use the CSS Gradient Generator for linear-gradient output.
Channels come from crypto.getRandomValues. That is for unbiased bytes, not for secrecy of a color.
Not on this page. The job is to generate a color, not to convert one you already have.
