カラーコード変換

Convert one colour into every common format

Colour Converter takes a single colour written in any supported notation and shows the equivalent value in HEX, RGB, decimal RGB, HSL, LAB, LCH, OKLAB, and OKLCH. The conversion runs locally as you type, so you can copy the output you need without leaving the page.

1. Input

Pick the format you have, then type or paste the value. Switching the input format keeps the current colour and rewrites the field in the new notation, so you can move between spaces without losing your place.

• Input Format. Selects how the value below is interpreted. Choices include HEX, RGB (0-255), decimal RGB (0-1), HSL, LAB, LCH, OKLAB, and OKLCH.
• Value. Accepts the number triplets shown in the placeholder. Spaces, commas, parentheses, and percent signs are all tolerated by the parser.
• Live preview swatch. The square on the left fills with the current colour as soon as the value parses cleanly.

2. All formats output

Every supported notation is listed at once. Each row shows the format name, the rendered string, and a copy button. The values are clamped into sRGB before export, so screen-displayable results are always produced even from out-of-gamut LAB or OKLCH input.

• Copy button. Copies the formatted string for that row. The icon flips to a check mark for a moment after a successful copy.
• Format Examples. A reference card at the bottom shows the expected shape for each notation, so you do not need to remember the syntax.

Privacy

Parsing and conversion run entirely in the browser. No colour value is sent to a server.