컬러 선택 및 조합에 대한 고민을 없애줄 유용한 사이트
안녕하세요, 기획자 호이입니다.
데이터 비주얼라이제이션, UI 디자인, 로고 디자인 등 디자인의 영역을 비롯하여 방의 벽지 색깔을 고르거나 집의 외관을 페인트칠하는 등 우리는 늘 다양한 색상을 선택하면서 살아가는데요.
이번 포스팅에서는 디자인 영역이나 심지어 일상생활 속에서 컬러 선택 및 조합에 대한 고민을 말끔하게 없애줄 정말 유용한 사이트 하나를 소개해드릴까 합니다.
바로 dopely colors(도플리 컬러)라는 웹사이트인데요, 이 사이트에서 어떤 기능을 활용할 수 있는지 차근차근 설명드리도록 하겠습니다!
다양한 색상에 대해 탐색할 수 있는 페이지입니다. 여러 종류의 컬러 팔레트뿐만 아니라 단일 컬러, 컬러와 타입, 그라디언트 조합에 대해서도 살펴볼 수 있습니다. 특히 은은하면서도 잘 어우러지는 그라디언트 만들기가 사실 쉽지 않은데 다양한 그라디언트 조합을 참고할 수 있어서 특히 좋았습니다.
또한 컬러 조합도 최신순/인기순/트렌드순으로 필터를 걸어 살펴볼 수 있어서 어떤 컬러들이 인기가 있는지, 최근 트렌드를 반영한 컬러는 무엇인지 확인할 수 있어서 유용합니다.
컬러감이 마음에 드는 사진을 가져와 그 사진에서 컬러 조합을 쏙쏙 추출할 수 있는 페이지입니다. 사진 속에서 특정한 부분을 콕 찝어 색상을 추출할 수도 있고 자동으로 사진에서 컬러 조합을 생성해줍니다.
이미지에서 만들어진 컬러 조합의 헥스 코드를 확인할 수 있고 색을 변경하고 싶은 경우 각 색상의 Shades, Tones, Tints 값을 세부적으로 조정하는 것도 가능합니다.
추출된 색상의 색상명과 그리고 각종 컬러 코드를 확인할 수 있는 페이지입니다. HEX, RGB, CMYK만 있는 줄 알았는데 HSL, HWB, NCOL이라는 것은 처음 들어봤네요. 한 색상의 컬러 코드를 한 번에 확인할 수 있어 매우 유용한 기능이라고 생각합니다!
추출된 색상의 Shades, Tones, Tints를 세밀하게 조정할 수 있는 페이지입니다. 슬라이더바를 좌우로 움직이며 수치를 조정하면 수치에 맞게 컬러 박스가 생겨나고 그에 따른 컬러 변화의 단계를 한눈에 살펴볼 수 있습니다.
이상으로 도플리컬러 웹사이트의 유용한 기능에 대해 설명드렸는데요.
색상에 관해 이렇게 체계적으로 정리해놓은 페이지가 또 있을까 싶을 정도로 사용자 경험을 고려하여 잘 설계된 사이트라고 생각합니다. 디자인 작업을 하시든, 각종 문서 작업을 하시든, 혹은 일상생활에서 컬러를 선택하실 때 도움이 되셨으면 좋겠습니다.
다음번 포스팅에서도 유용한 정보로 찾아오겠습니다!
감사합니다. :)
https://colors.dopely.top/
If you combine two primary colors with each other, you get a so-called secondary color. If you mix red and blue, you get violet, yellow and red become orange, blue and yellow become green. If you mix all the primary colors together, you get black.
colors.dopely.top
❑ 같이 읽어보면 좋은 콘텐츠
