본문 바로가기
색상 Tool

그라데이션 예쁜 색상 조합 찾기 참고하기 좋은 사이트

by webbus4
반응형

일러스트 그라데이션 툴 사용할 때 어떤 색을 쓰면 예쁜 그라데이션 만들 수 있을까 고민한 적 있었는데요 그래서 그라데이션 색상 조합에 참고할 만한 사이트 찾다가 알게 된 곳을 공유해보록 하겠습니다 

그라데이션 예쁜 색상 조합 찾기 참고하기 좋은 사이트 

1. Gradients CSSGears

Gradients CSSGears는  디자인 작업 시 자주 대표 컬러 그러데이션 기준으로 보기 좋게 버튼 형식의 웹 서비스를 제공해 주는 사이트입니다. 뿐만 아니라  HTML 사용되는 CSS 코드로 제공되어 간편하게 다운로드하여 사용할 수 있고 직접 그라데이션 컬러 값을 조절할 수 있습니다 

]사진 출처 = Gradients CSSGears 사이트

위에 보시면 좌 우 움직일 수 있는 버튼을 눌러 색상 조절할 수 있고 색상 코드 복사하여 사용할 수 있습니다 또한  CSS 코드 XD 코드 다운로드 할 수 있는 버튼이 생성이 되어 있어 필요할 때 다운로드하여 사용하시면 됩니다

[Gradients CSSGears 사이트 바로가기]

반응형

2. Web Gradients 

Web Gradients는 디자인 배경으로 사용할 수 있는 180개의 원 안에 선형 그라데이션 무료 제공하는 웹서비스 사이트로 CSS부터 PNG 다운로드 가능하며 색상 코드 복사하여 상업적 또는 개인적으로 무료 사용이 가능한 곳입니다 

사진 출처 = Web Gradients 사이트

깔끔한 원형에 선형 그라데이션 볼 수 있는데요 원형 아래쪽에서는 색상 코드 볼 수 있고 그 옆에는 CSS 코드 다운로드 그 위에 화살표 표시는 그라데이션 PNG 파일을 다운로드할 수 있는 버튼입니다. 원하는 색상에 코드 참고하거나 또는 필요하다면 무료 다운로드 할 수 있습니다  [Web Gradients 사이트 바로가기]

 

 

3. Coolhue 2.0

Coolhue 2.0는 인기있고 자주 사용되는 그라데이션 색상을 보여주는 웹서비스 사이트입니다 다른 사이트 비교하면 색상 모음 별로 없지만 웹 디자인에서 자주 사용되는 예쁜 그라데이션 색상 60개를 볼 수 있습니다 또한 그라데이션 색상 조합 시 참고하기 좋은 사이트입니다 

사진 출처 = Coolhue 2.0 사이트

네모 모양 그라데이션으로 되어 있으며, 아래에 색상 코드 있고 마우스를 선택하면 아이콘 표시로 [<>] 눌러주면 CSS Z코드로 무료 다운로드 가능하고 {↓) 눌러주면 그라데이션 PNG 다운로드할 수 있습니다 

[Coolhue 2.0 사이트 바로가기]

 

[다른 색상 조합 사이트 정보 필요하면]

 

웹 모바일 UI 디자인 맞는 색 조합 색상 팔레트 생성해주는 곳

웹 모바일 UI/UX 디자인 작업 시 중요한 요소 중 하나인 컬러 선정이다 같은 계열의 색상이라고 명도와 채도에 따라 전혀 다른 느낌을 주기 때문에 선택하기 쉽지 않다, 하지만 원하는 분위기나

projectnftbus.tistory.com

 

다양한 컬러 색조합 서비스 찾고 있다면 Coolors 활용해보자

웹서핑을 하다면 우리 눈에 사로잡은 색상 조합 디자인 사이트나 앱을 종종 마주할 수 있다, 이러한 시각디자인들은 사람들 시선을 사로잡고 해당 페이지 자주 방문한다. 하지만 색감 또는 영감

projectnftbus.tistory.com

 

반응형

댓글