Grabient의 그라데이션 색상으로 크리스마스 배경 DIY

크리스마스 코앞으로 다가왔습니다. 연말 분위기를 한껏 돋우기 위해 크리스마스 배경을 만들고 싶은 분들 위해 오늘은 그라데이션 색상 사이트 "Grabient" 소개와 크리스마스 분위기 어울리는 그라데이션 배경을 만들어 보겠습니다

그라데이션 색상 도구  "Grabient"

 "Grabient"는 다양한 색상 조합의 그라데이션을 제공하는 사이트입니다. 색상 추가, 각도, 방향 등 조절하여 원하는 그라데이션 생성할 수 있습니다. 그라데이션 완성되면 웹 프로젝트 활용할 수 있는 CSS 코드, 색상 코드를 제공합니다. 

크리스마스 그라데이션 배경 만들기

1. Grabient 웹사이트 접속합니다 

Grabient 사이트 접속하면 다양한 그라데이션 색상 모음들을 볼 수 있습니다. 회원가입 없이 무료 사용 가능합니다

 

반응형

 

2. 원하는그라데이션 선택 및 직접 색상 조합 설정하기 

다양한 그라데이션 색상 모음 중 원하는 그라데이션 색상 하나를 선택합니다

 

[예시]

크리스마스 컬러로 빨간색, 초록색, 금색, 은색, 흰색 중심으로 크리스마스 배경 그라데이션믈 만듭니다. 

첫 번째 컬러 선택해 빨간색 컬러 코드 입력합니다 그다음 두 번째 컬러 선택해 초록색 컬러 코드 입력합니다

 

여기서 원하는 컬러 하나 더 추가하고 싶을 때 컬러 옆에 [+] 추가 버튼을 눌러주면 컬러 추가되고, 컬러를 클릭하면 컬러 위치도 변경할 수 있습니다. 

 

컬러 색상 조절하고 싶을 때 [+] 옆에 조절 버튼 있습니다 여기서 조절 버튼을 클릭하면 아래에 색상 조절할 수 있는 바가 생성되어 색상 위치 조절 할 수 있습니다 

 

 

 

각도를 통해서 원하는 느낌 그라데이션 방향을 세로, 가로, 대각선 등 자유롭게 각도 조절하여 원하는 느낌 그라데이션 만들 수 있습니다 

 

각도 설정 완료 되었다면 웹 프로젝트 활용할 수 있도록 CSS 코드 제공합니다, 색상 마우스 올려놓으면 색상 위에 CSS 코드 복사 버튼 생성됩니다,  눌러주면 CSS 코드가 바로 복사되어 크리스마스 웹사이트 배경 코딩으로 활용할 수 있습니다

 

이렇게 원하는 색상 추가하고 조절하고 다양한 각도 설정하여 그라데이션 만들어 주는 사이트 소개해보았는데요 이 사이트 통해 어떤 분위기 맞는 나만의 그라데이션을 만들 수 있습니다.

 

올해 크리스마스 배경은 새롭고 한층 더 돋보이는 배경을 만들고 싶다면 Grabient 사이트 통해 멋진 크리스마스 그라데이션 배경을 만들어보세요! 🎄😊

 

Grabient 

Grab yourself a gradient

 

분위기 어울리는 색상 조합 AI 컬러 팔레트 생성기 Perception