스튜디오

NFP

Creative studio

0%

컬러 조합기 대비 체커 팔레트 (조화)팔레트 (랜덤)단색 카드 그라데이션 카드 컬러 추출기 RGB↔CMYK 그라데이션 2컬러 그라데이션 3컬러

NFP 크리에이티브 · 컬러 도구

3색 그라데이션

세 가지 색과 중간 색의 위치, 그라데이션 모양을 조절해 풍부한 그라데이션을 만드세요.

컬러 및 위치

첫 번째 (시작)

두 번째 (중간)

세 번째 (끝)

중간 색 위치 · 50%

모양

방향

조화 템플릿

미리보기

#FF6B6B 0%#FFEB3B 50%#4ECDC4 100%

CSS 코드

background: linear-gradient(to bottom, #FF6B6B 0%, #FFEB3B 50%, #4ECDC4 100%);

컬러 분석

색온도따뜻한

채도높음

명도 대비낮음

추천 용도브랜드 로고, 버튼

알아두기

선형은 한 방향으로, 원형은 중심에서 바깥으로, 원추형은 중심을 축으로 회전하며 색이 바뀝니다.
중간 색의 위치를 옮기면 한쪽 색이 차지하는 면적이 달라져 분위기가 크게 바뀝니다.
조화 템플릿으로 시작한 뒤 색을 하나씩 바꿔가며 다듬으면 빠르게 원하는 결과에 닿을 수 있습니다.
내보내기를 누르면 같은 세 색으로 만든 선형·대각선·원형·원추형 CSS가 한 번에 복사됩니다.

그라데이션 2컬러두 가지 컬러로 아름다운 그라데이션을 만들고 CSS 코드를 생성하는 도구입니다.그라데이션 컬러 카드랜덤으로 그라데이션 카드를 뽑아 오늘의 색상 조합 영감을 얻어보세요.컬러 팔레트 (조화)조화로운 5색 컬러 팔레트를 자동으로 생성하는 도구입니다.단색 컬러 카드랜덤으로 컬러 카드를 뽑아 오늘의 색상 영감을 얻어보세요.

세 가지 색상을 사용한 풍부한 그라데이션을 만듭니다. 더 복잡하고 생동감 있는 색상 표현이 가능합니다.

중간 색상을 보조색으로 설정하면 자연스러운 전환이 됩니다
CSS 그라데이션 코드를 바로 복사해 활용하세요

그라데이션 3컬러 · 스튜디오 NFP