CSS 색상 이름(Colortone) → HEX 변환기

이 도구가 하는 일

읽기 쉬운 CSS 키워드와 사람이 이해하기 좋은 견본 이름에 쓰는 CSS 색상 이름(Colortone)를 정규화된 6자리 sRGB 형식(으)로 바꿔 간결한 웹 색상 코드와 디자인 토큰에 활용합니다. 원본이 이미 CSS 색상 이름(Colortone)이고 다음 시스템이 HEX만 요구할 때 이 전용 경로를 사용하세요. 여러 표현을 한꺼번에 보려면 통합 변환기를 사용합니다.

확인된 기능

이럴 때 사용하세요

• 원본이 이미 CSS 색상 이름(Colortone)이고 다음 시스템이 HEX만 요구할 때 이 전용 경로를 사용하세요. 여러 표현을 한꺼번에 보려면 통합 변환기를 사용합니다.
• 읽기 쉬운 CSS 키워드와 사람이 이해하기 좋은 견본 이름에 쓰는 CSS 색상 이름(Colortone)를 정규화된 6자리 sRGB 형식(으)로 바꿔 간결한 웹 색상 코드와 디자인 토큰에 활용합니다.
• COLORTONE → HEX: 간결한 웹 색상 코드와 디자인 토큰.

사용 방법

1. 1

   원본 색상 입력

   내장 목록에서 CSS 색상 이름을 선택하세요. 정규화 후 대소문자를 구분하지 않습니다. “사용 방법: 원본 색상 입력”에서는 이 내용을 CSS 색상 이름(Colortone) → HEX 변환기에 맞게 적용하세요.

2. 2

   정규화된 미리보기 확인

   슬라이더, 직접 입력, 미리 설정된 견본이나 사용 가능한 시스템 피커를 이용하세요. 미리보기에서 HEX 형식화 전 정규화를 확인합니다.

3. 3

   대상 값 복사

   HEX 행을 복사하세요. 다른 형식도 비교용으로 보이지만 이 페이지의 목적은 COLORTONE → HEX입니다.

4. 4

   정확도 한계 확인

   채널 정규화와 정수·백분율 형식화 때문에 COLORTONE → HEX → COLORTONE 왕복 값이 시작값과 달라질 수 있습니다. 결과를 재사용하기 전에 대상 환경의 요구사항과 비교하세요. HEX 행을 복사하기 전에 미리보기로 파싱 오류를 확인하세요.

제어 항목 설명

결과가 만들어지는 방식

내장 목록에서 CSS 색상 이름을 선택하세요. 정규화 후 대소문자를 구분하지 않습니다. 작업대가 입력을 sRGB 세 채널로 바꾼 뒤 정규화된 6자리 sRGB 형식(으)로 형식화합니다. Colortone은 AppKiro의 CSS 색상 이름 조회 명칭이지 표준 색 공간이 아닙니다. 이름 찾기는 RGB 유클리드 거리를 사용합니다. HEX는 RGB 채널 값의 표기법이며 별도의 색역이 아닙니다.

실용 팁

• 반올림된 HEX 결과를 비교할 때 원본 COLORTONE 값을 보관하세요.
• HEX 행을 복사하기 전에 미리보기로 파싱 오류를 확인하세요.

문제 해결

자주 묻는 질문

색상 작업 이어가기

원본이 이미 CSS 색상 이름(Colortone)이고 다음 시스템이 HEX만 요구할 때 이 전용 경로를 사용하세요. 여러 표현을 한꺼번에 보려면 통합 변환기를 사용합니다. “색상 작업 이어가기”에서는 이 내용을 CSS 색상 이름(Colortone) → HEX 변환기에 맞게 적용하세요.

• HEX·RGB·HSL·LAB·OKLCH 색상 변환기
• HEX → CSS 색상 이름(Colortone) 변환기
• 컬러 팔레트 생성기