AG Color는 디자이너·개발자가 매일 쓰는 색상 코드를 회원가입·설치 없이 바로 다루는 무료 색상 도구입니다.
색상 변환기 — HEX·RGB·HSL·HSV·CMYK 다섯 가지 표기를 한 곳에서 실시간 상호 변환하고, 큰 미리보기 스와치와 원클릭 복사를 제공합니다.
팔레트 생성기 — 기준색 하나로 보색·유사색·삼각·사각·명암 단계 팔레트를 자동으로 만들어 줍니다.
CSS 그라디언트 — 두 색과 각도를 조절해 linear-gradient·radial-gradient 코드를 즉시 복사할 수 있습니다.
CSS 색상명 — 표준 CSS named color 141종을 검색하고 HEX 값을 복사합니다.
모든 계산은 사용자의 브라우저 안에서만 이루어지며, 입력한 어떤 값도 서버로 전송하거나 저장하지 않습니다. 최근 사용한 색만 편의를 위해 브라우저 로컬 저장소에 남습니다.
HEX는 #RRGGBB 형식의 16진수 표기이고 RGB는 빨강·초록·파랑을 0~255 값으로 나타냅니다. 예를 들어 #FF0000 은 rgb(255, 0, 0) 과 같은 색입니다. 이 변환기는 한 값을 입력하면 나머지 표기가 실시간으로 갱신됩니다.
화면(RGB)과 인쇄(CMYK)는 색 영역이 달라 완벽히 일치하지는 않습니다. 이 도구의 CMYK는 표준 수식 기반의 근사값으로, 실제 인쇄 색은 프로파일에 따라 달라질 수 있습니다.
보색은 색상환에서 180° 반대편 색으로 강한 대비를 만들고, 유사색은 양옆 30° 이내의 인접 색으로 조화로운 배색을 만듭니다.
출력된 background: linear-gradient(...) 코드를 복사해 CSS의 요소 스타일에 그대로 붙여 넣으면 됩니다.
표준 CSS에는 gray/grey 처럼 철자만 다른 별칭까지 포함해 148개가 정의되어 있으며, 이 표에서는 색이 겹치는 중복 철자를 제외한 141종을 보여줍니다. rebeccapurple 을 포함해 모두 최신 브라우저에서 쓸 수 있습니다.