[TIL] 2025-4-8 프론트엔드/테마 컬러 선정

오늘은 css에 대한 강의를 들었는데요

vscode 코파일럿을 쓰면 css를 너무 잘 넣어주는것을 보고 충격이였습니다..!

gpt한테 디자인 부탁하면 항상 구리구리한 공대생st만 줬어서 별 기대 안했는데

그냥 "봄느낌의 디자인으로 해줘" 이런식으로만 말해줘도 느낌좋은 디자인을 뽑아줘서 놀라웠습니다

 

그리고 제가 프로젝트를 하면서 정말 스트레스를 받았던 요소중 하나가 색상 선정이였어서

추가적으로 색상 테마 선정에 좋은 ai 툴들이나 색조합들이 모아져있는 사이트들을 찾아보았습니다

 

1.  Coolors

https://coolors.co

Coolors.co

이 사이트는 랜덤으로 색조합 받아보고 명도? 온도? 이런것들을 조절하면서 원하는 색상 팔레트를 만들어 갈 수 있는 사이트 같았습니다.

가장 좋다고 생각한 점은 해당 컬러에 어떤 폰트색이 적절한지도 보여주는 거였습니다!!

결제를 하면 ai를 사용할수 있고, 해당 색상이랑 조합해서 쓰기 좋은 색상들을 추천해줘서 좋았습니다

확실히 디자이너들을 위한 사이트라 그런지 그냥 gpt등에 물어보는것보다 시각적으로 잘 보여주는 느낌이라서 좋았습니

 

2.color hunt

https://colorhunt.co/

Color Hunt - Color Palettes for Designers and Artists

이 사이트는 예전에 프로젝트하면서 써봤던 사이트인데 빈티지, 웜, 다크, 파스텔 이런식으로 원하는 분위기에 따라서 여러 컬러 팔레트를 한눈에 살펴 볼수 있어서 편했던 사이트 입니다!

 

3. Adobe Color

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

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

 

디자인쪽은 잘 모르지만 역시 어도비..! 했던 사이트 입니다

뭔가 색상 선택 UI도 직관적이고 좋은것 같았습니다

그리고 이미지를 넘겨 주면 테마 추출 기능이 있는게 좋아보았습니다!

그리고 대부분의 사이트가 한국어 지원이 안됐는데 한국어 지원이 된다는게 장점인거 같습니다

디자인 잘 모르는 말하는 감자의 입장에서 정리해 보았습니다 ㅎㅎ

그냥 참고만 해주세요