어울리는 색 찾기

1. HEX(예: #10ACDD) 또는 RGB(예: 16, 172, 221)를 입력합니다. 한쪽만 넣어도 다른 형식으로 자동 변환됩니다.
2. 또는 팔레트에서 색을 고릅니다.
3. 어울리는 색 추천 영역에서 보색·유사색·삼각색·분할 보색·단색 계열 조합을 확인합니다.

계산은 페이지 안에서만 끝나고, 서버로 색 값을 보내지 않습니다.

색상환에서의 위치 관계(보색, 유사색, 삼각색 등)를 바탕으로 조화를 빠르게 탐색할 수 있습니다. 정답이 아니라 출발점으로 두고, 브랜드 가이드나 접근성(대비) 요구에 맞춰 조정하면 됩니다.

모니터·주변 조명에 따라 같은 코드도 다르게 보일 수 있어요. 인쇄물은 CMYK 변환 시 색이 달라질 수 있다는 점도 참고하세요.

특징

• HEX와 RGB를 서로 변환하고 팔레트에서 직접 고를 수 있습니다.
• 보색·유사색·삼각색·분할 보색·단색 계열 등 5가지 유형의 추천을 봅니다.
• 색 값 처리는 브라우저에서 끝나고, Webooro 서버로 전송되지 않습니다.

랜딩 페이지 버튼 색, 카드뉴스 포인트 컬러, 대시보드 차트 색상처럼 “한 가지 메인 컬러에서 전체 팔레트를 잡고 싶을 때” 활용할 수 있습니다.

이럴 때 써 보세요

• 메인 컬러 하나로 서브 컬러 후보를 빠르게 볼 때
• CSS·디자인 툴에 넣을 HEX/RGB 값을 맞출 때
• 강조색과 배경색의 대비를 눈으로 가늠할 때
• 색상환 이론을 코드로 일일이 계산하기 귀찮을 때

전문 툴과 비교할 때

피그마·일러스트레이터 등에는 더 세밀한 팔레트 기능이 있지만, 브라우저만으로 빠르게 코드와 조합을 보고 싶을 때 이 페이지가 가볍습니다. 서버로 색 데이터를 보내지 않습니다.

WCAG 대비율 자동 검사가 필요하면 전용 접근성 도구와 함께 검증하는 것이 좋습니다.