CSSカラーパレットのリンク集
しばらく前に、新しいプロジェクトでは Tailwind を使うのをやめて、素の CSS だけで書くことにした。
ただ、Tailwind で恋しくなったものが一つある。カラーパレットだ（CSS版はこちら）。たとえば薄い青が欲しければ blue-100 を使えばいいし、気に入らなければ blue-200 や blue-50 を試せばいい。自分は色選びがあまり得意ではないので、色に詳しい誰かがちゃんと考えてくれたパレットがあるのは本当にありがたい。
ただ、Tailwind の色にも少し飽きてきたので、今日 Mastodon で他にどんなカラーパレットがあるか聞いてみた。すると友だちから「そのパレットへのリンクがほしい」と言われたので、友だちにも、そしてもちろん他のみんなにも見てもらえるようにブログ投稿にまとめておくことにした :)
私のお気に入り
特に気に入ったのはこのあたり。
その他のカラーパレット
カラースキームジェネレーター
みんなからは、カラーパレットジェネレーターもたくさん教えてもらった。
正直、こういうジェネレーターはこれまで使いこなすのが難しいと感じてきた。でも、いつか色選びが上達して、うまく使いこなせるようになるかもしれないので、とりあえずリンクを残しておく。
その他のカラーツール:
- colorhexaには色覚異常に関する情報もある
oklch
Generative colors with CSS では、CSS の oklch 関数を使って動的に色を生成する方法が紹介されている。