しばらく前に、新しいプロジェクトではTailwindを使うのをやめて、素のCSSを書くことにしました。

ただ、Tailwindで恋しくなったものが一つあります。それはカラーパレット（CSS版はこちら）です。薄い青が欲しければblue-100を使えばいいし、気に入らなければblue-200やblue-50を試せばよかったのです。私は色選びがあまり得意ではないので、自分より色に詳しい誰かが考えてくれた、ちょうどいいカラーパレットがあることは、私にとって大きな違いになります。

ただ、Tailwindの色にも少し飽きてきたので、今日Mastodonで他にどんなカラーパレットがあるか聞いてみました。すると友人がそのパレットへのリンクが欲しいと言ってきたので、友人や皆さんにも見てもらえるように、こうしてブログ記事にまとめました :)

お気に入り

特に気に入ったのは次のものです：

• uchū（CSSファイル、FAQ）
• flexoki（CSSファイル）
• reasonable coloursはアクセシビリティを重視しているようです（CSSファイル）

その他のカラーパレット

• web awesome
• radix
• USウェブデザインシステム
• マテリアルデザイン

カラースキームジェネレーター

ほかにも、たくさんのカラーパレットジェネレーターを教えてもらいました

• harmonizer
• tints.dev
• coolors
• colorpalette.pro

こういったジェネレーターはこれまでずっと使いこなすのが難しいと感じてきましたが、いつか色の扱いがもっと上手くなって、うまく使えるようになるかもしれないので、とりあえずリンクを置いておきます。

その他のカラーツール：

• colorhexaには色覚異常に関する情報があります

oklch

Generative colors with CSSでは、oklchというCSS関数を使って動的に色を生成する方法の例が紹介されています。