그라데이션 참고 사이트 - uigradients - (CSS 제공)

 

 

그라데이션 컬러조합을 볼 수 있는 사이트입니다.

 

https://uigradients.com

 

 

홈페이지에 접속하면 처음화면은 랜덤으로 구성됩니다.

이후에 양쪽 화살표를 클릭하면

다양한 크라디언트를 확인할 수 있습니다.

 

 

인스타그램 그라디언트.

 

 

아틀라스 그라디언트.

 

 

중앙상단에 있는 컬러값을 클릭하면

자동으로 클립보드에 복사됩니다.

 

원하는 컬러값을 클릭하고 바로

포토샵이나 일러스트 등 그래픽 프로그램에

입력하면 간편하게 원하는 색을 사용할 수 있습니다.

 

 

우측 상단에 옵션 네 가지를 제공합니다.

회전모양은 그라디언트를 8방으로 회전시켜줍니다.

웹으로 바로바로 확인할 수 있기에 유용합니다.

 

 

 

양쪽화살표는 CSS를 의미합니다.

클릭하면 CSS코드를 제공하기 때문에

그대로 복사하면 쉽게 그라데이션을 사용할 수 있습니다.

 

 

더하기는 개인의 활용목록을 만드는 기능입니다.

원하는 그라디언트가 있을 때 그라디언트 추가를 하여

언제든지 볼 수 있도록 하는 편의기능입니다.

 

 

다운로드는 그라디언트를 이미지화하여

jpg파일로 다운로드 할 수 있습니다.

 

 

좌측 상단에는 메뉴가 있습니다.

 

 

메뉴 클릭시 모든 컬러조합을 볼 수 있습니다.

빨주노초파남보흰회검을 기준으로

아래 그라디언트를 정렬할 수 있습니다.

그라디언트마다 이름이 있어서 쉽게

기억하기도 쉽고 분위기를 파악할 수 있습니다.

 

 

그라디언트도 알맞은 배색이 있습니다.

그라디언트 배색에 헛갈릴 때는

uigradients를 이용해보세요.