자연 사진에서 추출한 그라데이션을 추천해주는 웹사이트
색 조합, 특히 그라데이션을 어떻게 만들어야하는지 어려워하시는 분들이 많을 것 같은데요, 이번 포스팅에서는 그라데이션을 쉽게 만들 수 있는 아주 유용한 웹사이트를 소개드리려고 합니다!
# 그라디언트 월드
'그라디언트 월드(Gradient World)'라는 사이트는 자연 사진에서 그라데이션을 추출해 CSS 코드를 제공해주는 사이트입니다. Charlie Clark라는 사람이 석양의 자연스러운 그라데이션에 영감을 받아 만든 사이트라고 하네요. 이 사이트의 모든 이미지는 Unsplash API를 사용하여 가져왔고, 프로그래밍되어 자동적으로 CSS 그라디언트 코드로 전환됩니다.
앞서 자연 사진에서 그라디언트를 추출한다고 말씀드렸는데요, Sunset(석양), Water(물), Forest(숲), Sand(모래), Snow(눈), Art(예술), Flowers(꽃), Fire(불), Black & White(흑백) 이렇게 9개의 카테고리로 나누어 카테고리별로 다양한 그라데이션을 모아두고 있습니다.
각각의 그라데이션 썸네일 이미지를 누르면 아래와 같은 화면이 뜹니다.
위 예시 사진에서 볼 수 있는 것처럼 오른쪽 사진에서 자동 추출된 그라데이션 이미지가 왼쪽에 나타납니다.
그리고 우측 하단의 직사각형이 겹쳐있는 것처럼 보이는 회색 버튼을 누르면 이 그라데이션 CSS 코드를 복사할 수 있습니다.
추가적인 기능으로는,
(1) 추출된 그라데이션이 마음에 들지 않는 경우, Steps나 Rotation, Saturation을 조절하여 원하는 그라데이션을 만들어낼 수 있음
(2) 사진의 특정 부분을 추출하고 싶은 경우 오른쪽 사진에서 원하는 부분만을 잘라내어 그라데이션을 만들 수도 있음
이 정도가 되겠습니다. 많은 분들께 유용한 리소스가 되기를 바랍니다!
이번 포스팅이 도움이 되셨다면 공감 버튼 누르시는 것도 잊지 마세요 :)
❑ 같이 읽어보면 좋은 콘텐츠