색상 코드 일괄 변환기
왼쪽 입력 칸에 HEX·RGB 색상 코드를 한 줄에 하나씩 넣으면 오른쪽에 색상 견본과 변환 결과가 바로 나오고, 아래 버튼으로 복사하거나 CSV로 저장할 수 있습니다.
#RGB, #RRGGBB, rgb(0, 0, 0), 0, 0, 0 · 최대 200줄 · 20,000자
변환 결과
왼쪽에 색상 코드를 붙여 넣으면 줄별 결과가 표시됩니다.
오류가 있는 줄은 결과에서 표시하고, 복사·저장에서는 제외합니다.
예시 3줄을 변환했습니다.
바로 쓸 수 있게.
- 바로 보이는 화면입력 위치와 결과 위치를 또렷하게 둡니다.
- 결과 먼저핵심 결과를 앞에 두고, 과정은 필요할 때만 보여줍니다.
- 요구 줄이기가입이나 불필요한 정보 입력 없이 바로 쓰게 합니다.
여러 색상 코드를 한 번에 정리하는 법
색상 코드 일괄 변환기는 여러 HEX·RGB 값을 한 번에 읽어 여섯 자리 HEX와 정수 RGB로 바꾸는 도구입니다. 디자인 시안에서 모은 색, 웹사이트에 쓸 색상 목록, 전달받은 브랜드 색상표를 한 줄씩 붙여 넣으세요. 서로 다른 표기가 섞여 있어도 각 줄을 따로 변환하며 입력을 수정하면 결과도 바로 갱신됩니다.
변환 대상은 투명도가 없는 sRGB 색상입니다. #f80은 #FF8800과 rgb(255, 136, 0)으로, rgb(12, 34, 56)은 #0C2238로 표시됩니다. 빈 줄은 건너뛰고 색상의 순서와 중복은 유지합니다. 잘못된 줄은 오류로 구분하므로 올바른 결과를 먼저 복사하거나 원문을 고쳐 전체 목록을 완성할 수 있습니다.
HEX와 RGB는 같은 색을 다르게 적는 방법입니다
HEX는 빨강·초록·파랑 값을 16진수로 적은 색상 코드이고 RGB는 세 성분을 숫자로 나누어 적는 표기입니다. 이 도구에서 다루는 sRGB는 웹에서 널리 쓰는 색 공간입니다. 색을 밝게 하거나 새로 섞는 작업 없이 같은 채널 값을 다른 표기로 옮깁니다.
- HEX #RRGGBB의 RR은 빨강, GG는 초록, BB는 파랑입니다.
- 이 도구의 RGB 값은 각 채널이 0부터 255까지인 정수입니다.
- 색상 코드의 대문자와 소문자는 같은 값을 나타냅니다. HEX 결과는 대문자로 통일합니다.
한 줄에 색 하나씩 넣으면 형식이 섞여도 됩니다
한 입력 칸에 #FF8800, #f80, rgb(12, 34, 56)처럼 서로 다른 형식의 색을 줄바꿈으로 나누어 넣으세요. HEX 앞의 #은 생략해도 되고 RGB는 12, 34, 56처럼 세 숫자만 적어도 됩니다. 한 줄에 여러 색을 이어 쓰거나 색 이름을 함께 적으면 해당 줄을 해석할 수 없습니다.
- 지원 HEX는 세 자리 또는 여섯 자리이며 0–9와 A–F로 구성합니다.
- RGB는 쉼표로 구분한 정수 세 개를 사용하세요.
- CSS 선언문 전체를 넣지 말고 색상값만 옮기세요. 예를 들어 color: #FF8800;에서는 #FF8800만 넣습니다.
세 자리 HEX는 각 자리를 두 번 반복합니다
짧은 HEX는 앞에 0을 채우는 방식이 아닙니다. #f80의 f, 8, 0을 각각 ff, 88, 00으로 늘리면 #FF8800이 됩니다. 이를 빨강·초록·파랑 순서로 읽으면 rgb(255, 136, 0)입니다. 세 자리 표기를 펼쳐도 색상 자체는 달라지지 않습니다.
- 변환 예시: #f80 → #FF8800 → rgb(255, 136, 0)
- 흰색 #fff는 #FFFFFF와 rgb(255, 255, 255)입니다.
- 검정 #000은 #000000과 rgb(0, 0, 0)입니다.
RGB를 HEX로 바꿀 때는 채널마다 두 자리를 씁니다
빨강·초록·파랑 숫자를 각각 16진수 두 자리로 바꾼 뒤 순서대로 붙이면 HEX가 됩니다. rgb(12, 34, 56)에서 12는 0C, 34는 22, 56은 38이므로 결과는 #0C2238입니다. 이처럼 정수 RGB와 여섯 자리 HEX 사이의 변환에는 반올림이 필요하지 않습니다.
- 16진수 한 자리는 0–9 다음에 A–F를 사용합니다.
- 값이 작은 채널도 앞자리 0을 포함해 두 자리로 표시합니다.
- RGB의 채널 순서를 바꾸면 다른 색이 됩니다. 원본의 R·G·B 순서를 확인하세요.
오류가 있는 줄만 고쳐서 다시 확인하세요
숫자 범위를 벗어나거나 지원하지 않는 표기를 넣으면 해당 줄에 오류를 표시합니다. 예를 들어 rgb(256, 0, 0)은 빨강 값이 범위를 벗어납니다. 이 도구는 잘못된 값을 255로 자동 보정하지 않으므로 오류를 보고 원래 의도한 숫자로 수정하세요.
- 음수, 소수, 백분율 RGB는 지원하지 않습니다.
- HEX의 G처럼 16진수에 없는 문자나 잘못된 자리 수를 확인하세요.
- 유효한 결과만 복사하면 오류 줄은 빠집니다. 전체 목록이 필요하다면 오류를 모두 고친 뒤 복사하세요.
빈 줄은 건너뛰고 중복 색상과 순서는 남깁니다
같은 색을 여러 번 입력해도 결과에서 자동으로 합치지 않습니다. 예를 들어 #f80과 rgb(255, 136, 0)을 각각 한 줄씩 넣으면 같은 HEX 결과가 두 줄 남습니다. 원본 목록의 순서에 의미가 있는 디자인 자료를 옮길 때 이 규칙을 활용하세요.
- 빈 줄은 색상 개수에 포함하지 않습니다.
- 같은 색이 반복돼도 중복 제거와 정렬을 하지 않습니다.
- 오류 줄을 제외한 결과를 다른 표의 옆 열에 붙이면 행이 어긋날 수 있으므로 먼저 오류 개수를 확인하세요.
HEX 복사와 RGB 복사는 가져갈 곳에 맞춰 고르세요
HEX 목록이 필요한 작업에는 HEX 복사를, RGB 표기를 받는 입력 칸에는 RGB 복사를 사용하세요. 복사한 결과는 유효한 색만 한 줄에 하나씩 담습니다. 브라우저에서 변환한 값을 다른 프로그램에 옮긴 뒤에는 처음 색과 마지막 색, 전체 개수가 원본과 맞는지 확인하면 좋습니다.
- HEX 출력은 #을 포함한 여섯 자리 코드입니다.
- RGB 출력은 rgb(255, 136, 0)처럼 함수 이름과 괄호를 포함합니다.
- 숫자 세 칸을 따로 받는 프로그램에서는 R·G·B 값을 나누어 입력하세요.
CSV로 내려받아 색상 목록을 보관하세요
여러 색의 변환 결과를 파일로 남기려면 CSV 다운로드를 사용하세요. CSV에는 유효한 색상의 원본 줄 번호, HEX, RGB가 들어갑니다. 줄 번호를 보면 빈 줄이나 오류 때문에 결과 개수가 줄어도 원문의 어느 색인지 찾을 수 있습니다. 색상 견본 이미지나 디자인 프로그램의 전용 팔레트 파일이 필요한 경우에는 받는 프로그램의 가져오기 형식을 확인하세요.
- CSV는 값을 표 형태로 주고받는 텍스트 형식입니다. 이 도구는 UTF-8로 저장합니다.
- 스프레드시트에서 연 뒤 색상 수와 코드가 화면 결과와 같은지 확인하세요.
- 오류 줄은 CSV에서도 제외됩니다. 전체 목록을 저장하려면 먼저 오류를 모두 수정하세요.
한 번에 200줄, 전체 20,000자까지 처리합니다
빈 줄을 제외한 색상 입력은 최대 200줄이며 전체 입력 길이는 20,000자까지입니다. 긴 목록은 이 두 조건을 모두 만족하도록 나누어 변환하세요. 색상 앞에 붙은 항목명, 설명, CSS 속성명은 제거하고 색상 코드만 남겨야 줄별 결과를 정확히 확인할 수 있습니다.
- 한 줄에 여러 색을 모아 넣어도 입력 한도와 형식 규칙은 그대로 적용됩니다.
- 200줄 이하여도 전체 문자가 20,000자를 넘으면 나누어 입력하세요.
- 변환은 현재 브라우저에서 처리합니다. 결과를 보관하려면 복사하거나 CSV로 내려받으세요.
투명도와 다른 색 공간은 지원 범위를 확인하세요
CSS 표준에는 알파가 포함된 HEX, 여러 RGB 표기, HSL과 다른 색 공간도 있습니다. 이 도구는 그중 불투명한 3·6자리 HEX와 정수 RGB만 일괄 변환합니다. 브라우저에서 쓸 수 있는 색상 표현이라도 이 입력창에서는 지원하지 않을 수 있습니다.
- 4·8자리 HEX, rgba(), 알파가 붙은 RGB는 지원하지 않습니다. 투명도 부분을 임의로 지우면 원래 색의 의미가 달라질 수 있습니다.
- HSL, 색상 이름, Display P3, CMYK 입력은 지원하지 않습니다.
- 숫자 변환만으로 글자와 배경의 대비나 인쇄 결과를 판단할 수는 없습니다. 사용할 화면과 작업 목적에 맞춰 별도로 확인하세요.
색상 코드 일괄 변환 자주 묻는 질문
HEX와 RGB가 섞인 목록도 한 번에 변환되나요?
네. 한 줄에 색 하나씩 넣으면 HEX와 RGB가 섞여 있어도 각 줄을 읽어 여섯 자리 HEX와 정수 RGB로 변환합니다. 입력을 수정하면 결과도 바로 갱신됩니다.
HEX 앞의 #을 꼭 붙여야 하나요?
아니요. 이 도구에서는 f80이나 FF8800처럼 #을 생략해도 됩니다. HEX 결과에는 #을 붙여 표시합니다. CSS에 사용할 때는 결과의 #까지 함께 가져가세요.
#f80은 왜 #FF8800으로 바뀌나요?
세 자리 HEX는 각 자리를 두 번씩 반복해 여섯 자리로 풉니다. f는 FF, 8은 88, 0은 00이므로 #FF8800이 되며 RGB로는 rgb(255, 136, 0)입니다.
RGB 숫자만 입력해도 되나요?
네. 12, 34, 56처럼 쉼표로 구분한 정수 세 개를 한 줄에 적으면 됩니다. 각 값은 0부터 255까지이며 이 예시의 HEX 결과는 #0C2238입니다.
RGB 값이 255보다 크면 자동으로 줄여 주나요?
아니요. 범위를 벗어난 값은 해당 줄의 오류로 표시합니다. 음수, 소수, 백분율도 지원하지 않으므로 0부터 255까지의 정수로 수정하세요.
중복 색상이나 빈 줄은 어떻게 처리하나요?
빈 줄은 건너뜁니다. 중복 색상은 지우지 않으며 유효한 색상의 입력 순서를 유지합니다. 같은 색을 두 번 넣으면 결과에도 두 번 남습니다.
오류가 있어도 정상 결과를 복사할 수 있나요?
네. 유효한 색상이 있으면 해당 결과를 HEX 또는 RGB 목록으로 복사할 수 있습니다. 오류 줄은 복사 결과에서 빠지므로 원본 표와 행을 맞춰야 한다면 먼저 오류를 모두 수정하세요.
투명도가 있는 색상도 일괄 변환되나요?
아니요. 투명도를 포함하는 4·8자리 HEX, rgba(), 알파가 붙은 RGB는 지원하지 않습니다. HSL, 색상 이름, Display P3, CMYK도 이 도구의 입력 범위에 포함하지 않습니다.
한 번에 몇 개의 색상을 변환할 수 있나요?
빈 줄을 제외하고 최대 200줄을 처리합니다. 전체 입력은 20,000자 이하여야 하므로 둘 중 하나라도 초과하면 목록을 나누어 입력하세요.
변환 결과를 파일로 저장할 수 있나요?
네. CSV 다운로드로 유효한 색상의 원본 줄 번호, HEX, RGB를 저장합니다. 오류 줄은 제외합니다. 색상 견본 이미지나 특정 디자인 프로그램의 전용 팔레트 파일은 아닙니다.
색상 표기의 기준
아래 자료에서 sRGB의 HEX·RGB 표기와 채널 값의 의미를 확인할 수 있습니다. 이 도구의 입력 한도와 줄별 오류 처리 방식은 화면 사용을 위해 정한 범위입니다.
함께 쓰면 좋은 도구
색상 하나를 자세히 보거나 이미지에서 색을 찾을 때는 아래 도구를 사용하세요.