🔧툴박스
홈금융텍스트변환생성궁합
🔧툴박스

무료 온라인 도구를
간편하게 사용하세요

계산기

  • 연봉계산기
  • BMI 계산기
  • 날짜 계산기

텍스트 & 변환

  • 글자수 세기
  • 문자열 인코딩
  • 단위 변환기

생성 & 기타

  • UUID 생성기
  • 비밀번호 생성기
  • QR코드 생성기

함께 이용하면 더 좋아요

📅 쉬는날 — 공휴일·황금연휴👶 맘맵 — 임신·육아 정보
🌐kimgoon.kr더 많은 서비스 보기
서비스 소개·개인정보처리방침·이용약관

© 2026 툴박스 (tools.kimgoon.kr). All rights reserved.

본 사이트의 계산 결과는 참고용이며, 정확한 정보는 관련 기관에 문의해 주세요.

모든 도구

색상 도구

색상 변환, 팔레트 생성 등 다양한 색상 도구

색상 선택

HEX

#3B82F6

RGB

59, 130, 246

HSL

217°, 91%, 60%

랜덤 팔레트

버튼을 클릭하여 랜덤 팔레트를 생성하세요
사용 팁: 팔레트의 색상을 클릭하면 메인 색상으로 설정됩니다. 복사 버튼을 눌러 색상 코드를 클립보드에 복사할 수 있습니다.

색상 도구 사용 방법

  1. 색상 피커에서 원하는 색상을 선택하거나 HEX 코드를 직접 입력합니다.
  2. HEX, RGB, HSL 형식의 색상 코드가 자동으로 변환됩니다.
  3. 보색, 유사색 등 관련 색상 팔레트를 함께 확인합니다.

색상 표현 방식

  • HEX — #RRGGBB 형식으로 웹·CSS에서 가장 많이 사용. 예: #FF5733
  • RGB — 빨강(0~255), 녹색(0~255), 파랑(0~255) 값으로 표현. 예: rgb(255, 87, 51)
  • HSL — 색상(0~360°), 채도(0~100%), 명도(0~100%)로 표현. 직관적 색상 조정에 유리

디자인에서의 색상 활용

보색(Complementary Color)은 색상환에서 180° 반대에 위치한 색으로, 함께 사용하면 강렬한 대비 효과를 냅니다. 유사색(Analogous Color)은 색상환에서 인접한 색으로, 조화롭고 통일감 있는 디자인에 활용됩니다. 웹 접근성(WCAG)을 위해 텍스트와 배경의 명도 대비 비율은 최소 4.5:1 이상이 권장됩니다. CSS 변수나 Tailwind CSS의 색상 코드를 빠르게 찾을 때도 색상 변환기를 활용하세요.