웹개발 북마크
개요
웹 개발과정에는 프로젝트의 다양한 요구사항을 만족시키기 위하여 다양한 자료들을 열람하기도 합니다. 찾고자 하는 자료가 디자인과 관련될 수도 있고 때로는 알고리즘과 관련된 자료를 찾기도 합니다. 이 글에서는 웹 개발에서 일반적으로 많이 찾아보는 자료를 공개하는 사이트들을 소개하고자 합니다.
1. coolors
Create the perfect palette or get inspired by thousands of beautiful color schemes.
매력적인 웹 사이트를 디자인하기 위해서는 테마에 맞는 색으로 구성하거나, 최신 트랜드에 맞는 색 구성을 찾을 필요가 있을 겁니다. 이런 경우에는 저는 Coolors라는 사이트를 추천합니다.
coolors는 웹 디자인에 필요한 색 구성표를 제작하거나 트랜드한 색상을 탐색할 수 있는 기능을 제공합니다.
팔레트 생성
팔레트 생성은 coolors의 대표 기능 중 하나입니다. 랜덤 혹은 특정 패턴으로 팔레트를 생성할 수 있으며, 생성된 팔레트의 정보는 다양한 포맷으로 내보낼 수 있습니다.
간단 사용법
사용 방법은 간단합니다. 해당 페이지에 입장하면 Space Bar를 이용하여 랜덤으로 팔레트의 색상들을 변경할 수 있습니다.
만일 원하는 색상이 나왔다면 Toggle lock 버튼을 이용하여 색상을 잠글 수 있습니다. 혹은 Drag 버튼을 이용하여 색상의 배치를 바꿔가며, 점차 자신이 원하는 팔레트의 형태로 만들어 갈 수 있습니다.
팔레트를 제작하였다면 이제 내보낼 차례입니다. Export 버튼을 누르면 다양한 형태의 포맷으로 내보낼 수 있습니다.
coolors에서 제공하는 내보내기 포맷은 다음과 같습니다.
- URL
- Image
- CSS
- ASE
- SVG
- Code
- Embed
이외에도 팔레트 생성 페이지에서는 다양한 추가 기능을 지원합니다.
| 기능 | 설명 |
|---|---|
| 생성 메서드 | 색상을 생성하는 방법을 정할 수 있습니다. |
| 이미지로 팔레트 만들기 | 선택한 이미지의 도미넌트 컬러를 반환해 줍니다. |
| 색맹 | 색맹 친화적인 팔레트로 변환해 줍니다. |
| 팔레트 조정 | 팔레트의 색상, 채도, 밝기, 온도를 조정할 수 있는 기능을 제공합니다. |
| 팔레트 보기 | 다양한 종류의 컬러 코드를 반환합니다. |
팔레트 트렌드
Get inspired by thousands of beautiful color schemes and make something cool!
컬러는 아마 트렌드에 가장 민감한 것들 중의 하나일 겁니다. 만일 유행하고 있는 색 구성표를 찾고 있다면 coolors의 Trending color palettes는 좋은 선택이 될 겁니다.
이 페이지에서는 coolors의 데이터를 바탕으로 트렌드한 팔레트의 정보를 무료로 제공해주고 있습니다.
손쉽게 색상의 HEX 코드를 복사할 수 있으며, URL로 팔레트를 공유할 수 있어 웹 디자인을 작업할 때 아주 유용합니다.
검색
coolors에서 가장 추천하는 기능을 고르라고 한다면, 그건 아마 검색 기능일 겁니다.
coolors는 강력한 검색 기능을 지원합니다. 색상, 스타일, 키워드 혹은 Hex코드를 입력하면 검색어와 어울리는 색상의 팔레트들을 트렌드의 순서대로 출력해 줍니다.
만일 개발 중인 웹사이트의 시그니처 컬러와 어울리는 색 구성을 찾고자 한다면, coolors의 검색 기능을 이용하여 유용한 정보를 얻을 수 있을 겁니다.
