16진수 색상 코드로 가장 가까운 색상 이름 찾기

16진수 색상 문자열을 입력하면 내장 팔레트에서 같은 이름이 있는지 확인하고, 없으면 가장 가까운 팔레트 이름을 찾습니다. 입력을 생략하면 #3498db를 기준으로 결과를 확인할 수 있습니다.

도구의 용도와 입력 범위

16진수 색상 코드에서 내장 팔레트와 비교할 이름을 확인할 때 사용하는 도구입니다. 입력한 값이 팔레트의 RGB 값과 같으면 일치하는 이름을 확인할 수 있고, 같은 값이 없으면 팔레트 안에서 가장 가까운 이름을 찾습니다. 따라서 색상 이름 자체를 검색하거나 임의의 색상 표현을 변환하는 기능으로 이해하기보다는, 해석 가능한 16진수 색상과 팔레트 항목의 관계를 살펴보는 용도로 사용하는 편이 알맞습니다.

색상 코드를 입력하지 않은 상태에서도 기본값 #3498db가 적용됩니다. 이 동작은 입력 형식을 먼저 익히거나 결과가 어떤 항목으로 구성되는지 살펴볼 때 활용할 수 있습니다. 다만 결과에 나온 이름은 입력한 색상의 성격과 팔레트의 비교 결과를 함께 읽어야 하며, 일치 항목이 없는 경우에는 팔레트에서 가장 가까운 후보라는 점을 구분해야 합니다. 디자인 시안의 색상 코드를 기존 팔레트 이름과 대조하거나, 코드에 대응하는 후보 이름을 빠르게 좁히려는 상황에 적합합니다.

입력부터 비교 결과 확인까지

1. 확인하려는 값을 16진수 텍스트로 준비합니다. 여섯 자리 형식이라면 #3498db처럼 앞에 #를 붙여 입력하고, 세 자리 형식이라면 #39f처럼 작성할 수 있습니다.
2. 색상 입력란에 준비한 문자열을 넣습니다. 문자열이 #로 시작하지 않으면 앞에 해당 기호가 붙은 형태로 처리되므로 3498db처럼 입력해도 됩니다. 세 자리 16진수는 각 숫자를 한 번씩 반복하는 여섯 자리 값으로 확장됩니다.
3. 입력을 실행하거나 화면의 결과를 확인합니다. 입력을 비워 두었다면 별도의 코드를 넣지 않아도 기본 색상 #3498db를 기준으로 결과가 만들어집니다.
4. 먼저 입력값이 해석되었는지 살펴봅니다. 유효한 색상으로 읽힌 경우에는 내장 팔레트에 같은 RGB 값이 있는지 확인하고, 같은 값이 있으면 해당하는 정확한 이름을 확인합니다.
5. 같은 RGB 값이 보이지 않으면 가장 가까운 팔레트 이름을 살펴봅니다. 이 후보는 입력 RGB와 팔레트 RGB 사이의 직선 거리를 비교해 거리가 가장 작아지는 항목으로 선택됩니다.
6. 결과에 입력 색상, 일치 여부, 선택된 팔레트 이름, 거리 정보가 각각 표시되는지 구분해서 읽습니다. 이름을 선택한 기준과 별도로 표시된 거리는 같은 계산이라고 단정하지 말고 각각의 의미를 나누어 기록하는 것이 좋습니다.
7. 다른 색상을 비교하려면 기존 문자열을 새로운 16진수 텍스트로 바꾼 뒤 결과를 다시 확인합니다. 색상명, RGB 튜플, 알파값이 포함된 표현 대신 해석 대상인 16진수 문자열만 사용해야 입력 범위를 벗어나지 않습니다.

이름과 거리 정보의 읽는 법

유효하게 해석된 색상은 내장 팔레트에 같은 RGB 값이 있는지에 따라 결과를 나누어 읽습니다. 같은 값이 있으면 정확히 일치하는 이름이 있다는 뜻이고, 그렇지 않으면 선택된 이름은 입력값과 팔레트의 거리를 비교해 얻은 근접 후보입니다. 그러므로 후자의 이름을 입력 색상의 고유한 명칭이나 외부 색상 체계의 표준 명칭으로 확대해서 해석해서는 안 됩니다.

거리 숫자가 함께 제공되는 경우에는 반올림 방식도 살펴볼 필요가 있습니다. 별도로 보고되는 거리는 각 채널의 차이를 해당 채널 값의 낮은 51 배수에서 계산한 뒤 소수 첫째 자리까지 반올림한 값입니다. 반면 가장 가까운 이름을 고르는 과정은 입력 RGB와 팔레트 RGB 사이의 직선 거리를 최소화하는 방식입니다. 두 계산의 목적과 방식이 다르므로 표시된 거리의 크기만으로 이름 선택 과정을 재현할 수는 없습니다.

잘못된 입력의 결과는 문자열의 형태에 따라 달라질 수 있습니다. 일부 문자열은 해석 과정에서 값 오류나 인덱스 오류가 발생하면 유효하지 않은 색상 보고서로 반환될 수 있지만, 길이가 맞지 않는 문자열은 일부가 먼저 해석될 가능성이 있습니다. 문자열이 아닌 값은 이러한 처리에 도달하기 전에 오류가 날 수 있으므로, 입력이 예상한 색상 텍스트인지 먼저 확인해야 합니다.

사용 예시

디자인 시안의 파란색 16진수 값에 대응하는 팔레트 후보를 확인하려는 상황입니다.

디자인 시안에 적힌 #5a8fd6를 입력란에 넣고 표시된 이름과 비교 정보를 확인합니다. 입력을 생략했을 때의 기준값과 다른 색상을 검사하는 상황입니다.

결과에는 입력한 16진수 값, 팔레트와의 일치 여부, 선택된 내장 팔레트 이름, 소수 첫째 자리까지 반올림된 거리 정보가 포함된 형태가 나타납니다.

제한 사항

• 잘못된 입력은 형태에 따라 유효하지 않은 색상 보고서가 되거나 일부만 해석될 수 있으며, 문자열이 아닌 값은 먼저 오류가 날 수 있습니다.

자주 발생하는 오류

• RGB 튜플이나 색상 이름을 그대로 넣는 것이 원인일 수 있습니다. #3498db 또는 3498db처럼 16진수 색상을 나타내는 문자열로 바꾼 뒤 다시 입력하세요. 문자열이 아닌 값은 입력 해석 단계에 도달하기 전에 오류가 날 수 있습니다.

자주 묻는 질문

색상 코드를 입력하지 않아도 결과를 확인할 수 있나요?

입력란을 비워 둔 경우에는 기본값 #3498db가 사용되므로 결과 형식을 살펴볼 수 있습니다. 다른 색상을 확인할 때는 원하는 16진수 텍스트를 직접 입력해야 합니다.

# 기호를 생략하거나 세 자리 코드를 사용해도 되나요?

문자열이라면 #가 없는 값도 앞에 기호가 붙은 형태로 처리됩니다. 세 자리 16진수는 각 숫자가 반복되어 여섯 자리 값으로 확장되므로 짧은 형식도 사용할 수 있습니다.

정확히 일치하는 색상 이름이 없으면 어떤 이름이 표시되나요?

내장 팔레트에 입력 RGB와 같은 값이 있을 때는 일치하는 이름을 확인할 수 있습니다. 같은 값이 없을 때는 RGB 사이의 직선 거리를 비교해 가장 가까운 팔레트 이름이 선택됩니다.