CSS 컬러 팔레트 링크 모음
얼마 전부터 새 프로젝트에서는 Tailwind를 쓰지 않고 그냥 바닐라 CSS로 작성하기로 했어요.
그런데 Tailwind에서 그리웠던 게 하나 있었는데, 바로 컬러 팔레트예요 (CSS 버전은 여기). 연한 파란색이 필요하면 그냥 blue-100을 쓰면 되고, 마음에 안 들면 blue-200이나 blue-50을 써 보면 됐죠. 저는 색을 잘 다루지 못해서, 색에 더 능한 누군가가 고민해서 만들어 둔 괜찮은 컬러 팔레트가 있다는 게 저에게는 정말 큰 도움이 돼요.
그래도 Tailwind 색상은 이제 좀 질리기도 해서, 오늘 Mastodon에 다른 컬러 팔레트에는 어떤 것들이 있는지 물어봤어요. 그러자 친구 한 명이 그 팔레트들의 링크를 보고 싶다고 해서, 친구를 위해서, 그리고 다른 분들도 볼 수 있게 이렇게 글로 정리해 봤어요 :)
제가 가장 마음에 든 것들
그중에서 제가 가장 마음에 든 건 다음 세 가지예요:
다른 컬러 팔레트 더 보기
컬러 스킴 생성기
다른 분들이 컬러 팔레트 생성기도 여러 개 알려주셨어요
저는 이런 생성기들이 항상 쓰기 어렵게 느껴졌는데, 언젠가 색을 더 잘 다루게 되면 컬러 팔레트 생성기를 제대로 활용할 수 있을지도 모르니 일단 링크는 남겨 둘게요.
그 외 컬러 도구:
- colorhexa에는 색각 이상에 대한 정보도 있어요
oklch
Generative colors with CSS에서는 oklch CSS 함수를 이용해 동적으로 색상을 생성하는 방법을 예시로 보여줘요.