CSS 그라디언트 생성기

이 도구가 도와주는 작업

재현 가능한 색상 램프를 만들고, 생성된 모든 중간 색상을 미리 본 다음 CSS, 차트 또는 디자인 토큰에 사용할 정확한 HEX 시퀀스를 복사하세요.

작동 예시

결과 생성 방식

각 중간 색상은 빨간색, 녹색, 파란색 채널의 선형 보간으로 생성됩니다. 끝 색상은 유지되고 나머지 색상은 동일한 간격으로 배치됩니다.

유용한 작업 흐름

• 순서가 있는 차트 색상 또는 히트맵 램프 만들기
• 두 디자인 토큰 사이의 호버 및 상태 색상 만들기
• 배경 그라디언트를 위한 컴팩트한 팔레트 생성

중요한 제한 사항

• RGB 보간은 일부 보색 사이에서 더 어둡거나 탁하게 보일 수 있습니다.
• 부드러운 팔레트가 자동으로 색각 이상 접근성을 보장하지는 않습니다.
• 이 생성기는 균등한 간격의 RGB 색상을 생성하며, 지각적 균일성을 주장하지 않습니다.

자주 묻는 질문

중간 색상이 회색이나 탁하게 보이는 이유는 무엇인가요?

반대 RGB 채널이 중립 색상으로 평균화될 수 있습니다. 시각적 생동감이 중요하다면 다중 중지 CSS 작업 흐름에 적절한 중간 색상을 추가하세요.

몇 가지 색상을 생성해야 하나요?

필요한 고유 상태 또는 데이터 범주 수와 일치하는 가장 작은 수를 사용하세요. 연속 배경에는 더 많은 단계를 사용할 수 있습니다.