색상 혼합
Free조정 가능한 균형으로 두 색상을 혼합하며, 단순 RGB, 감마 보정, 또는 HSL 혼합 방식을 사용합니다.
블렌드 그라디언트(0%~100%)
최근 활동
모든 사람에게 공개됩니다. 모든 방문자의 최근 20회 사용 내역, 최신순으로 표시됩니다.
#FF0000 + #0000FF → #800080
16시간 전
이 도구의 기능
두 색상을 섞어 결과 색을 보여주며, 둘 사이의 균형을 조정할 수 있고 단순 RGB 평균, 감마 보정(선형 광) 블렌딩, 색상과 채도를 통한 HSL 블렌딩의 세 가지 방법 중 선택할 수 있습니다.
작동 방식
각 색상은 먼저 16진수에서 빨강, 초록, 파랑 값(0-255)으로 변환됩니다. 단순 RGB 모드는 각 채널을 직접 선형 보간합니다: 결과 = 색상1 + (색상2 - 색상1) × 균형. 감마 보정 모드는 먼저 화면에 표시되는 sRGB 값을 표준 sRGB 전달 함수를 사용해 선형 광으로 변환하고, 그 선형 공간에서 보간한 다음 다시 변환하는데, 이는 빛이 물리적으로 결합하는 방식과 일치하며 인위적으로 어두운 중간점을 피합니다. HSL 모드는 두 색상을 모두 색상/채도/명도로 변환하고, 색상환에서 최단 각도 경로로 색조를 보간하며(예를 들어 350° 부근의 색조와 10° 부근의 색조를 섞으면 180°를 거치는 먼 길이 아니라 0°를 거쳐 올바르게 감쌈), 채도와 명도는 일반적으로 보간한 후 결과를 다시 RGB로 변환합니다.
해결하는 문제
- 그라디언트, 테마 팔레트, 디자인 시스템을 위한 중간 색상을 hex 값을 수동으로 추측하지 않고 찾기.
- 색상을 섞는 "올바른" 방법은 무엇을 만드는지에 따라 다르므로, 같은 두 색상이 다른 방법으로 섞였을 때 어떻게 보이는지 비교하기.
- 중지점을 선택하기 전에 두 브랜드 색상이나 UI 색상 사이의 전체 그라디언트를 한눈에 미리 보기.
자주 묻는 질문
›어떤 블렌드 모드를 사용해야 하나요?
단순 RGB는 빠르고 예측 가능한 혼합에 적합하며 대부분의 기본 도구가 사용하는 방식과 일치합니다. 감마 보정은 특히 어두운 색과 밝은 색 사이에서 물리적으로 자연스러워 보이는 블렌드를 원할 때 더 나은 선택인데, 단순 RGB 평균이 만드는 탁하고 너무 어두운 느낌을 피할 수 있기 때문입니다. HSL은 빨강과 초록이 칙칙한 갈색이 아닌 노랑에 가까워지는, 안료나 물감을 섞는 것에 더 가까운 결과를 원할 때 시도해볼 가치가 있습니다.
›왜 "단순 RGB"에서 검정과 흰색을 섞으면 "감마 보정"보다 더 어두운 회색이 나오나요?
단순 RGB는 원시 0-255 숫자를 직접 평균화하므로 검정과 흰색의 50%는 정확히 127.5, 즉 중간 회색이 됩니다. 감마 보정은 먼저 두 색을 선형 광으로 변환한 다음(화면이 기대하는 sRGB 감마 곡선을 되돌림), 그 상태에서 평균을 낸 후 다시 변환하는데, 이는 저장된 색상 값의 동일한 단계가 인지되는 밝기의 동일한 단계에 대응하지 않기 때문에 눈에 띄게 더 밝은 결과(약 188)를 만듭니다.
›"균형" 슬라이더는 무엇을 하나요?
두 색상 간의 가중치를 설정합니다: 0%는 첫 번째 색상 100%, 100%는 두 번째 색상 100%, 50%는 균등한 혼합입니다. 슬라이더를 움직이면 중간점뿐만 아니라 블렌드의 어느 지점이든 미리 볼 수 있습니다.
›왜 HSL 블렌딩은 때때로 놀라운 색을 만들어내나요? 예를 들어 빨강과 파랑은 보라색을 거쳐 섞이지만 빨강과 초록은 노랑을 거쳐 섞입니다.
HSL 블렌딩은 빨강, 초록, 파랑 값을 직접 평균화하는 대신 360도 색상환에서 두 색조 사이의 최단 경로를 사용해 색조 각도를 보간합니다. 빨강(0°)과 초록(120°)은 색상환에서 비교적 가까워 그 경로에서 노랑(60°)을 지나가는데, 이것이 단순 RGB 평균처럼 밋밋한 갈색이 되는 대신 블렌드가 노란색 쪽으로 기우는 이유입니다.
›이 도구는 투명도나 알파 값을 지원하나요?
아니요, 완전히 불투명한 두 색상을 섞습니다. 반투명 색상을 다른 색상 위에 겹쳐야 한다면(알파 합성), 이는 두 단색을 블렌딩하는 것과는 다른 작업이며 전용 도구가 필요합니다.
관련 도구
이미지
RGB 채널 이미지
브라우저에서 바로 사진을 흑백 또는 컬러 형식의 빨강, 초록, 파랑 채널로 나누고, 다시 병합하며, ZIP으로 다운로드합니다.
Free이미지
SVG 변환기 및 뷰어
SVG를 PNG, JPEG, WEBP, BMP, ICO, 또는 AVIF로 변환하거나, PNG/JPEG/WEBP/BMP/GIF/ICO를 유효한 SVG로 감싸며, 방향을 자동 감지하여 브라우저에서 바로 처리합니다.
Free이미지
포스터 메이커
어떤 이미지든 테이프로 붙여 큰 포스터로 만들 수 있는 인쇄 가능한 A4/Letter/A3 페이지로 분할하세요. 쉬운 정렬을 위한 조정 가능한 겹침 기능과 함께, 모두 브라우저에서 처리됩니다.
Free이미지
이미지에 선 추가
드래그하거나 정확한 좌표로 업로드한 이미지에 하나 이상의 선을 그리고, 전체 해상도로 결과를 다운로드합니다.
댓글 (0)
이 도구가 유용했나요? 댓글을 남기거나 팁을 공유하거나 개선할 점을 알려주세요.
아직 댓글이 없습니다. 첫 번째로 의견을 남겨보세요!