웹, 앱 무료 컬러 색상 추출 사이트 추천 (ft. color 추천, 두 컬러 조합)

 

UI 디자인을 위한 컬러 선택에 
참고할 사이트를 추천합니다. 

프로젝트 UI 디자인 작업을 할 때, 가장 중요한 것이 컬러 구성입니다. 
어떤 컬러를 선택할지,
몇가지 컬러는 사용할지,
컬러를 어떻게 조합하여 사용할지, 
매번 고민하고, 시간을 투자하여 결정합니다. 

컬러에 어려움을 느낀다면 주로 
아래 추천사이트에서 색을 추출하여 사용하세요.

고민 없이, 30초 안에 컬러 선택과 추출한 후 바로 적용이 가능합니다.

 

1. 2 Color Combinations - 어울리는 2개 컬러

최근 가장 애용하는 2가지 어울리는 색 세트를 찾아주는 사이트입니다. 

https://2colors.colorion.co/

Two Color Combinations

 

사용 방법

원하는 컬러 조합 가운데 아이콘을 선택하면 컬러 헥스 코드가 자동 복사 됩니다. 

---

2. 마이 컬러- 하나의 컬러 입력시 어울리는 컬러들 제공

하나의 컬러 코드를 입력만 하면, 그에 어울리는 다양한 팔레트들을 찾아줍니다.
제공되는 컬러를 이용하여 포인트 컬러들을 사이트에 바로 사용하면 됩니다. 

https://mycolor.space/

ColorSpace - Color Palettes Generator and Color Gradient Tool

 

사용 방법

컬리 입력 전

컬러 입력 후

---

3. Flat UI Pallete

https://flatuicolors.com/

Flat UI Colors 2 - 14 Color Palettes, 280 colors 🎨

 

사용 방법

각 나라의 디자이너들이 직접 고른 컬러 팔레트를 확인할 수 있습니다.

 

원하는 색상에 마우스를 올리고(hover), COPY를 선택하면 
컬러 헥스 코드가 자동 복사 됩니다. 
복사된 값을 바로 적용하시면 됩니다.

 

상단의 선택 박스에서 추출 타입 옵션 선택이 가능합니다.

 

---

css gradient

https://cssgradient.io/

CSS Gradient — Generator, Maker, and Background

 

사용 방법

시작할 컬러, 끝나는 컬러 값을 입력하면 css 코드가 바로 출력됩니다. 
copy 하여 바로 style에 적용이 가능합니다. 
또한 바를 클릭할 때마다 컬러 추가가 가능합니다.