Glyph WidgetsGlyph Widgets
소개연락처개인정보약관Ko-fi에서 후원하기

© 2026 Glyph Widgets. 모든 권리 보유.

·

100% 클라이언트 측 처리

색상 혼합기

마지막 업데이트: 2026년 3월 5일

두 색상을 혼합하여 부드러운 그라데이션과 중간 음영을 만듭니다. 색상 간의 사용자 정의 단계 수로 팔레트를 생성합니다.

#FF6B6B
#4ECDC4

총 색상: 7

#ff6b6b
#e27b7a
#c48c89
#a79c98
#89aca6
#6cbdb5
#4ecdc4
공유

저장된 프리셋은(는) 서포터 전용 기능입니다.

도구 기록은(는) 서포터 전용 기능입니다.

도구 메모은(는) 서포터 전용 기능입니다.

기능

  • ▶두 색상 혼합
  • ▶조정 가능한 단계 수 (1-30)
  • ▶혼합된 색상의 실시간 미리보기
  • ▶개별 색상 또는 전체 팔레트 복사
  • ▶HEX, RGB, HSL 출력 형식
  • ▶입력을 위한 시각적 색상 선택기
  • ▶JSON으로 팔레트 내보내기
  • ▶100% 클라이언트 측 처리

이 도구 사용 방법

1

색상 선택

색상 선택기를 사용하여 시작 및 끝 색상을 선택하세요.

2

단계 설정

슬라이더를 조정하여 생성할 중간 색상 수를 선택하세요.

3

복사 또는 내보내기

개별 색상을 클릭하여 복사하거나 전체 팔레트를 JSON으로 내보내세요.

선형 보간

각 단계에서 도구는 공식을 사용하여 중간 RGB 값을 계산합니다: 색상 = 색상1 + (색상2 - 색상1) * t.

단계 계산

총 색상 수는 단계 + 2(시작 및 끝 색상 포함)와 같습니다.

색상 형식

내부 계산은 정확성을 위해 RGB를 사용합니다. 결과는 표시 및 복사를 위해 HEX로 변환됩니다.

그라데이션 미리보기

그라데이션 막대는 블렌드가 연속적인 전환으로 어떻게 보이는지 표시합니다.

자주 묻는 질문

도구는 선택한 두 색상 사이에서 RGB 값을 보간하여 중간 색상을 계산합니다.

관련 도구

팔레트 생성기

색상 조화 생성

그라데이션 생성기

CSS 그라데이션 생성

색상 변환기

색상 형식 변환