색상 선택기
HEX·RGB·HSL·OKLCH 4개 형식 색상 선택·변환·복사. 팔레트 저장. 무료.
#2563EBCtrl+D 를 눌러 이 페이지를 즐겨찾기에 추가하세요
색상 선택기는 HEX·RGB·HSL·OKLCH 4개 형식으로 색상을 선택·변환·복사합니다. 팔레트 저장 기능 포함. 디자이너와 개발자를 위한 무료 온라인 도구. 색상 선택기는 웹 디자인·브랜딩·UI 작업에서 색상을 정확하게 다룰 때 도움이 됩니다.
HEX·RGB·HSL·OKLCH 4개 형식 색상 선택·변환·복사. 팔레트 저장. 무료.
#2563EBCtrl+D 를 눌러 이 페이지를 즐겨찾기에 추가하세요
색상 선택기는 HEX·RGB·HSL·OKLCH 4개 형식으로 색상을 선택·변환·복사합니다. 팔레트 저장 기능 포함. 디자이너와 개발자를 위한 무료 온라인 도구. 색상 선택기는 웹 디자인·브랜딩·UI 작업에서 색상을 정확하게 다룰 때 도움이 됩니다.
네, HEX 코드를 직접 입력하여 정확한 색상을 선택할 수 있습니다.
세 표기법 모두 같은 색을 다른 방식으로 적을 뿐입니다. HEX는 #FF5733처럼 짧아 디자인 파일과 CSS에 옮겨 적기 좋고, RGB는 빨강·초록·파랑 값을 직접 다루므로 코드에서 색을 계산할 때 편합니다. HSL은 색상·채도·밝기로 나뉘어 있어 '같은 색인데 조금 더 어둡게' 같은 변형을 만들 때 가장 직관적입니다.
화면은 빛을 더해 색을 만드는 RGB 방식이고, 인쇄는 잉크를 겹쳐 빛을 빼는 CMYK 방식이라 표현할 수 있는 색의 범위가 다릅니다. 특히 형광에 가까운 초록·주황·하늘색은 잉크로 재현되지 않아 눈에 띄게 탁해집니다. 인쇄물이 목적이라면 채도가 아주 높은 색은 피하고, 인쇄소에 CMYK 값이나 팬톤 번호로 전달하세요.
크롬·엣지 등 크로미움 계열 데스크톱 브라우저에서는 브라우저에 내장된 EyeDropper 기능으로 다른 창의 색까지 집을 수 있습니다. 사파리와 파이어폭스, 모바일 브라우저는 아직 이 기능을 지원하지 않으므로 스포이드 버튼이 보이지 않습니다. 그 경우 화면을 캡처해 이미지로 올린 뒤 색을 추출하면 같은 결과를 얻을 수 있습니다.