웹 페이지 디자인 할 때 색상이 중요한 역할을 합니다. 하지만 적절한 색상을 선택하는 것을 쉽지 않아 많이 고민을 하는 경우 많습니다 그래서 이런 문제를 해결해줄 수 있는 색상 팔레트 사이트 소개해드립니다.
CSS 색상 팔레트 생성기 Colorffy
Colorffy는 색상 팔레트부터 그라디언트, 색 구성표 생성까지 색 참고할 수 있는 서비스 제공해주는 색상 팔레트 생성 도구 사이트입니다. 기본적으로 색 조합 팔레트 모음, 그라디언트 모음 등 다양한 색 조합 팔레트 모음들을 제공하고 있어 웹 페이지 색상 구성할 때 도움을 받을 수 있습니다.
Colorffy 주요 색살 팔레트 기능 살펴보기
1. 색상 팔레트 생성기
색살 팔레트 생성기 보시면 각 색상별로 카테고리와 필터 서비스 제공되어 있는 것을 볼 수 있습니다. 여기서 원하는 색을 클릭해주면 예를 들어 '레드' 컬러 선택하면 레드 계열에 색 조합 팔레트 보여줍니다.
그리고 원하는 색상 팔레트 클릭하면 더 자세하게 색상 팔레트 마우스 올려 놓으며 색상 코드와 클릭하면 자동적으로 색상 코드를 복사해주는 간편 복사 기능이 있습니다. 복사한 코드 원하는 곳 어디든 사용할 수 있고. 아래에는 공유하기, 다운로드(JPG. PNG. SVG) 이미지 다운 가능, 옵션기능으로 색상 팔레트 편집을 제공하고 있습니다
옵션 버튼 클릭하면 색상 팔레트 편집을 눌러주면 색상 팔레트 편집 페이지 나옵니다. 색상 눌러주면 원하는 색상표가 나와 내가 원하는 색상 팔레트 구성할 수 있고 그 위에 자동표시 있는데요 다른 색상 팔레트 보고 싶을 때 자동표시 팔레트 눌러주면 다른 색상 팔레트 보여줍니다,
2.그라디언트 팔레트 생성기
그라디언트 생성기에도 각 색상별로 카테고리와 필터(몇 도선택) 제공합니다. 예를 들어 그린 선택하고 그린 최적의 조합된 그라디언트 모음을 보여줍니다 필터 기능을 사용하여 그라디언트 선을 가로 세로 대각선 바꿀 수 있습다.
그라디언트 색상 팔레트 눌러주면 자세한 정보 페이지 나옵니다 마우스 올리며, 색 코드 보여주고 클릭하면 자동 복사가 되어 필요한 곳에 사용할 수 있습니다 공유하기, 이미지 다운로드, 옵션 그라디언트 편집 제공하고 있습니다
옵션 눌러주면 그라디언트 색상 편집 페이지 나오고 나머지 색상 팔레트 편집 기능과 편집합니다, 색상 눌러 색상표 보여주고 원하는 색을 눌러 원하는 그라디언트 색상 팔레트 만들 수 있습니다 자동으로 그라디언트 구성과 CSS 사용할 수 있는 코드 제공하고 있어 웹 개발할 때 그라디언트 CSS 코드 복사하여 사용하면 됩니다
[이 색상 팔레트 생성기 도구 사용하면 좋은점]
- 간편하게 색 조합 팔레트, 그라디언트 색상 팔레트 원하는 색 조합으로 구성할 수 있다
- 디자인 작업에 필요한 색 조합 참고하여 아이디어를 얻을 수 있어 일을 효율적으로 수행할 수 있다
- 적절한 색상을 선택하여 나만의 웹 페이지 디자인을 더욱 매력적으로 만들 수 있게 도움을 준다.
더 자세한 내용은 Colorffy 사이트 볼 수 있습니다
Colorffy - The easiest CSS color gradients generator.
The most intuitive tool to generate gradients, palettes, and color schemes! Use our color tools to make beautiful designs, and get inspiration from many colors.
colorffy.com
[다른 색상 리소스]
색 조합 참고하기 좋은 이미지 색상 조합 사이트
색 조합 참고하기 좋은 이미지 색상 조합 사이트 디자인 작업을 하다 보면 적절한 색상 팔레트를 구성하는 것이 매우 중요합니다 그러나 때로는 색상 조합이 고민이 되는 경우가 있는데요 그래
projectnftbus.tistory.com
ColorMagic AI 컬러 팔레트 생성기
색상 팔레트 웹 서비스 사이트 보면 다양하게 색조합 팔레트 보여주고 있는데요 이번에는 인공지공 기술이 활용하여 이미지 맞게 컬러 팔레트 생성해 주는 사이트 공유해 보도록 하겠습니다 AI
projectnftbus.tistory.com
'웹디자인 TOOLS > 색상 도구' 카테고리의 다른 글
색상 팔레트 생성과 템플릿 샘플 동시에 무료 색 조합 사이트 (0) | 2023.05.11 |
---|---|
색감과 분위기 모두 보여주는 색상 팔레트 생성기 (0) | 2023.04.26 |
색 조합 참고하기 좋은 이미지 색상 조합 사이트 (0) | 2023.04.19 |
ColorMagic AI 컬러 팔레트 생성기 (0) | 2023.03.29 |
따뜻한 봄 분위기 어울리는 디자인 컬러 추천 (0) | 2023.03.10 |
댓글