온라인 컬러 믹서

색상을 혼합하여 프로젝트에 딱 맞는 색감을 찾으세요. 웹 UI를 위한 부드러운 그라데이션 코드를 즉시 생성합니다.

첫 번째 색상 (First Color)

두 번째 색상 (Second Color)

단계 수: 5

슬라이더를 조절하여 중간톤의 수를 선택하세요.

컬러 혼합 결과

#FF6B6B

#DC7F7D

#B8928F

#95A6A0

#71B9B2

#4ECDC4

CSS GRADIENT CODE

linear-gradient(to right, #ff6b6b, #dc7f7d, #b8928f, #95a6a0, #71b9b2, #4ecdc4)

임의의 두 색상 사이의 부드러운 전환을 만들어보세요. 당사의 컬러 믹서는 정밀한 중간톤을 계산하고 웹 프로젝트에 즉시 적용할 수 있는 CSS 그라데이션 코드를 생성합니다.

단계 수를 조절하여 그라데이션의 부드러움을 제어하세요.

수학적으로 계산된 정확한 중간색을 팔레트에 활용하세요.

두 가지 이상의 색상을 섞을 수 있나요?↓

현재 도구는 두 색상의 혼합에 최적화되어 있습니다. 여러 색상을 섞으려면 중간톤을 먼저 생성한 뒤 그 결과를 다시 다른 색상과 섞는 방식으로 복합적인 하모니를 탐색할 수 있습니다.

CSS에서 부드러운 그라데이션을 어떻게 만드나요?↓

당사의 도구를 사용하여 원하는 그라데이션 색상을 생성한 후, 생성된 CSS 코드를 복사하세요. `linear-gradient` 함수는 모든 현대적인 브라우저에서 배경, 오버레이, 텍스트 효과로 완벽하게 작동합니다.

마음에 드는 그라데이션을 찾으셨나요?