Is it fine to use colour names directly?

Every browser supports them, so yes. Inside a design system, though, variables that carry meaning are easier to maintain.

Do both gray and grey work?

Both are valid. This table lists the gray spelling.

They are asked of the browser itself. Nothing was copied by hand, so there are no typos.

Name: CSS 색상 이름표
Author: KarmoLab

148 colors · name ↔ HEX · grouped by family

CSS 표준 색상 이름 148개와 HEX 값을 눈으로 비교하고 눌러서 복사합니다

135개 · 누르면 CSS 색상 이름이 복사됩니다.

All 148 CSS named colors with swatches and HEX values. Search by English name, Korean name or HEX.

Is it fine to use colour names directly?: Every browser supports them, so yes. Inside a design system, though, variables that carry meaning are easier to maintain.
Do both gray and grey work?: Both are valid. This table lists the gray spelling.
Where do the exact HEX values come from?: They are asked of the browser itself. Nothing was copied by hand, so there are no typos.

Stays on your device What you enter is handled inside your browser only — nothing is stored or sent anywhere.

This tool page states where what you enter goes — see the badge above. All tools · KarmoLab · Who made this · Built with AI. View source