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

---

 

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

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

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

---

1. 어도비 컬러

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

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

 

어도비 컬러 메인 페이지

① 어도비 컬러 접속

 

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

---

2. 기본색 설정

기본색

① 기본색 설정

 

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

---

3. 색 고르기

색상 규칙

① 색상 규칙 고르기

 

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

 

색조합

② 색 고르기

 

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

320x100

---

4. 테마 변경

테마 전환

① 테마 전환

 

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

 

어두운 테마

② 어두운 테마

 

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

---

5. 접근성

접근성 도구 페이지

접근성 도구

① 접근성 도구

 

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

충돌 확인

색상 충돌 경고

② 충돌 확인

 

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

 

색상 확인

③ 색상 확인

 

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

 

 

[같이 보면 좋은 글]

[tip/디자인 팁] - 색 조합 사이트 추천 color tool

색 조합 사이트 추천 color tool

[tip/디자인 팁] - [컬러] 그라디언트 색추천 사이트 그라디언트 헌트

[컬러] 그라디언트 색추천 사이트 그라디언트 헌트

---

그럼 이만.

총총.