본문 바로가기
tip/팁

[꿀정보] 어도비 컬러로 색상 고민 해결

by 씸플레이 2021. 1. 11.
728x90
반응형

색상 고민 해결 어도비 컬러로 만드는 색

안녕하세요. 개자이너 씸플레이입니다.

메인 컬러를 정하긴 했는데 어울리는 색을 못 찾겠던 적 있지 않으신가요?

아니면 이 색조합의 접근성이 괜찮은지 궁금할 때가 있었죠?

어도비 컬러에서 한 번에 해결해보겠습니다.


1. 어도비 컬러

https://color.adobe.com/ko/create/color-wheel

 

https://color.adobe.com/ko/create/color-wheel

 

color.adobe.com

 

어도비 컬러 메인 페이지

① 어도비 컬러 접속

 

  • 위의 주소를 클릭해 어도비 컬러 사이트에 접속합니다.

2. 기본색 설정

기본색

① 기본색 설정

 

  • 하얀색 화살표가 있는 칸이 기본색입니다.
  • 다른 칸을 클릭하면 기본색을 변경할 수 있습니다.
  • 원하는 컬러코드를 복사해주시면 색이 변경됩니다.

3. 색 고르기

색상 규칙

① 색상 규칙 고르기

 

  • 왼쪽 메뉴에서 색상 규칙을 고릅니다.
  • 어떤 색이 기본색이냐에 따라서 색이 달라지니 메뉴를 모두 눌러보면서 마음에 드는 색을 선택하세요.
  • 예쁜 보색을 찾을 수 있어서 유용하게 사용하고 있습니다.

 

색조합

② 색 고르기

 

  • 이제 색을 고르기만 하면 됩니다. 간단하죠?
320x100

4. 테마 변경

테마 전환

① 테마 전환

 

  • 어도비 컬러의 재미있는 기능 중 하나인 테마 전환 기능입니다.
  • 오른쪽 상단을 보시면 달 모양 같은 아이콘이 있습니다. 테마 전환이라고 뜨는 이 아이콘을 누르면,
  • 어두운 테마로 변경 가능합니다.

 

어두운 테마

② 어두운 테마

 

  • 배경이 어두운 색으로 바뀌었습니다.
  • 원하는 테마를 설정해보세요.

5. 접근성

접근성 도구 페이지
접근성 도구

① 접근성 도구

 

  • 접근성 도구는 색맹을 가진 사람들에게 색이 혼란스럽게 보이지는 않는지 확인할 수 있는 페이지입니다.
  • 왼쪽 상단에서 접근성 도구를 선택합니다.

충돌 확인
색상 충돌 경고

② 충돌 확인

 

  • 색상이 혼란스럽게 보인다면 충돌이 있다고 메세지를 띄워서 알려줍니다.
  • 충돌 메세지를 확인해주세요.

 

색상 확인

③ 색상 확인

 

  • 글씨가 잘 안 보이는데 순서대로 녹색맹, 적색맹, 청색맹이 보는 색상입니다.
  • 청색맹란에서 C와 E 색상이 동일하게 보이죠.
  • 이런 색들을 피해 주시면 접근성 좋은 디자인을 만들 수 있습니다.

 

 

[같이 보면 좋은 글]

[tip/팁] - [꿀정보] 컬러조합 사이트 컬러헌트

[program/Adobe] - [포토샵] 불투명도와 칠


그럼 이만.

총총.

반응형

댓글8