그라데이션 색 조합 사이트

블로그 스킨을 프라치노 공간으로 적용했습니다.


마무리 단계로 자켓(메뉴 부분) 색상을 결정해야 했는데, 아무래도 단색보단 그라데이션이 좀 더 보기 좋을 것 같다는 생각에 그라데이션 색상을 모아 볼 수 있는 곳이 없나 검색을 좀 해봤는데요.


생각보다 괜찮은 곳이 꽤 많았는데 그 중 아래의 두 웹사이트가 CSS 코드도 바로 복사 가능하고 여러 색조합을 한 눈에 볼 수 있게 되어 있어서 유용했습니다.


결국 단조로운 색을 선택하긴 했지만, 맘에 드는 색 조합이 꽤 많았습니다.


CSS로 그라데이션을 적용하려 한다면 한 번 방문해보세요!





# uigradients


자신이 원하는 특정 색상이 포함된 그라데이션을 따로 모아 볼 수 있습니다. 선택한 색 조합을 회전해가며 확인이 가능하고, 해당 색상을 CSS 코드로 바로 복사해 가져올 수 있어 편리합니다.


로딩 화면로딩 화면

갤러리갤러리에서 색상별 그라데이션을 한 눈에 볼 수 있다.

상세화면회전, CSS 복사, PNG 파일 다운로드 등을 통해 간단히 필요한 곳에 사용 가능하다.





# webgradient


위에서 이야기 한 uigradients처럼 특정 색상 별로 모아보거나, 회전해 보는 등의 기능은 없습니다. 대신, 이 사이트에선 전체 그라데이션에 대한 스케치 파일과 포토샵 파일을 제공하고 있습니다.


uigradients와 비교했을 때 좀 더 자연스러운 색상이 많은 것도 눈에 띕니다.


로딩 화면로딩 화면

갤러리컬러 hex 값을 바로 확인할 수 있으며, CSS 복사, PNG 파일 다운로드가 가능하다.






'디자인' 카테고리의 다른 글

그라데이션 색 조합 사이트  (4) 2017.08.27