Random Color Generator

Randomness implementation: ``` function randomChannel() { const arr = new Uint8Array(1); crypto.getRandomValues(arr); return arr[0]; } ``` Each call fills a single byte from the OS entropy source (`/dev/urandom` on Linux, `CryptGenRandom` on Windows, the Secure Enclave on macOS/iOS). The distribution is uniform over 0-255 with no modulo bias — the raw byte value is used directly, not the result of a modulo operation on a larger random number, so every possible channel value is equally likely. **Channel locking implementation:** The Alpine.js state holds three booleans — `lockR`, `lockG`, `lockB` — and three integers — `r`, `g`, `b`. The generate function first saves the current channel values; then calls `randomChannel()` for each channel whose lock flag is false; then recomputes hex, rgb string, and hsl from the new triple. The lock toggles are `<button>` elements with a visual state (locked = a closed padlock icon, unlocked = an open padlock icon, using simple text or SVG). **History implementation:** An array `history` holds up to 5 objects, each with `hex`, `r`, `g`, `b`. On generate, the new colour is unshifted onto the front of the array; if the array exceeds 5, the oldest entry is popped. Clicking a history swatch sets the current `r`, `g`, `b`, and `hex` to the clicked entry's values, recomputes the display, but does not change the lock states (so clicking Generate after restoring a history colour will respect the locks as they currently are, not as they were when that colour was first generated). **Display formats:** The hex code is shown as a large, copyable string (e.g. `#C73E1D`). The RGB string uses the `rgb(r, g, b)` CSS functional notation. The HSL string uses `hsl(h, s%, l%)` with hue as a rounded integer and saturation/lightness as rounded percentage integers. A Copy button next to the hex value copies the 7-character hex string (with hash) to the clipboard. The colour swatch is a large square (at least 120×120px) with rounded corners, displaying the generated colour as its background. **Accessibility:** The hex code is displayed as high-contrast text superimposed on the colour swatch itself, with the text colour flipped to white or black based on the luminance of the generated colour, ensuring the hex value is always readable regardless of the colour it sits on.