[HTML & CSS] 그라데이션 만들 때 참고하는 사이트 추천

내가 필요해서 저장해두는 사이트

https://uigradients.com/

uiGradients - Beautiful colored gradients

 임의로 지정되어 있는 그라데이션 스타일을 css 코드로 받아낼 수 있는 사이트.

 전체적으로 마음에 드는 색감이 많아서 좋다... 컬러가 조금 맘에 안 드는 부분은 임의로 조정하면 되겠다. 그라데이션 스타일은 liner-gradient로 고정이고, 코드가 심플한 게 장점이자 단점이지만 간단하고 있어보이게 배경을 깔 때 좋을 것 같다. 어떤 색이 좋을지 마땅히 생각나지 않을 때 참고하기도 좋다.

 

사이트 구성

 위에 보면 어떤 컬러가 사용되었는지 색상코드로 볼 수 있고 Rotation, Get css, Add gradient, jpg download 기능이 있다. jpg 다운로드 기능은 받아서 포토샵 작업 시에 사용할 수도 있겠다. add gradient 기능은 사용 안 해봄...
 키보드의 좌우 방향키나 화면에 보이는 화살표를 클릭해서 목록을 넘길 수 있다. 특정 색감의 그라데이션을 찾는다면 좌측 상단에 show all gradient 버튼을 클릭해 원하는 분류의 그라데이션을 찾을 수도 있다. 컬러마다 독특하게 이름이 지어져 있어서 가끔 컬러 네이밍도 참고한다...^^