온라인 색상 선택기
도구 소개:
아래 색상 선택기/팔레트에서 원하는 색상을 클릭하면 도구가 즉시 16진수 색상 코드를 표시하고 해당 색상의 RGB, CMYK, LAB, HSL, XYZ, LUV, HWB 등 색상 변환 값을 보여줍니다. 팔레트의 위아래 버튼을 클릭하여 HEX, RGB, HSL 사이를 전환하고 값을 변경할 수 있습니다. HUE 바를 드래그하여 색조를 조정할 수 있습니다. 아래에서는 색상 변화를 보여주며, 순수한 흰색 또는 검은색을 10%씩 증가시켜 선택한 색상의 음영 값을 생성합니다. 이 도구는 또한 색상 조합을 표시하며, 보색, 분할 보색, 삼색 조합, 유사색, 단색 조합, 사색 조합을 포함합니다. 또한 색상 대비 검사기가 포함되어 있어 "클릭하여 수정"을 클릭하면 텍스트 색상과 배경 색상의 대비를 최적값으로 조정할 수 있습니다.
색상 선택기
색상 값
색상 변화
색상 변화는 선택한 색상과 흰색 및 검은색의 혼합 효과를 보여줍니다. 위쪽 섹션은 색상과 다양한 비율의 흰색 혼합(밝아짐)을 표시하고, 아래쪽 섹션은 다양한 비율의 검은색 혼합(어두워짐)을 표시합니다. 각 색상 블록은 16진수 코드를 표시하며, 클릭하면 복사할 수 있습니다.
색상 조합
색상 조합은 선택한 색상과 잘 어울리는 다른 색상들을 보여줍니다. 이러한 조합은 색상 이론을 기반으로 하며, 색상 구성표 디자인에 사용할 수 있습니다. 아무 색상이나 클릭하면 해당 16진수 코드를 복사할 수 있습니다.
보색
보색은 색상환에서 서로 반대편(180° 떨어진 위치)에 있습니다. 이 조합은 강한 대비를 만들고 생동감이 넘칩니다.
분할 보색
기본 색상을 선택한 다음, 그 보색의 양쪽에 있는 색상(보통 30° 떨어진 위치)을 선택합니다. 이 조합은 높은 대비를 제공하지만 직접적인 보색보다 더 조화롭습니다.
삼색 조합
색상환에서 등거리(120° 떨어진 위치)에 있는 세 가지 색상을 선택합니다. 이 조합은 균형 잡히고 생동감이 있지만, 사용할 때 비율에 주의해야 합니다.
유사색
색상환에서 서로 인접한 색상(보통 30° 떨어진 위치)을 선택합니다. 이 조합은 조화롭고 자연스러우며, 편안한 디자인을 만드는 데 적합합니다.
단색 조합
같은 색상이지만 명도와 채도가 다른 색상을 사용합니다. 이 조합은 깔끔하고 조화로우며, 미니멀리스트 디자인에 적합합니다.
사색 조합
색상환에서 등거리에 있는 네 가지 색상(보통 직사각형이나 정사각형을 형성)을 선택합니다. 이 조합은 풍부하고 다채롭지만, 지나치게 복잡해지지 않도록 주의해서 사용해야 합니다.
색상 대비 검사기
대비 검사기는 텍스트 색상과 배경 색상의 가독성을 평가하는 데 사용됩니다. 좋은 대비는 특히 시각 장애가 있는 사용자를 위해 콘텐츠 접근성을 향상시키는 데 중요합니다. WCAG 표준에 따르면 AA 수준은 최소 4.5:1의 대비율이 필요하고, AAA 수준은 최소 7:1의 대비율이 필요합니다.
Aa 텍스트 미리보기 Sample Text
1234567890