2026年5月4日

少し前に、新しいプロジェクトではTailwindの使用をやめて、バニラCSSだけを書くことにしました。

しかし、Tailwindで気に入っていたのはカラーパレット（CSS版はこちら）でした。 明るい青が欲しいときはblue-100を使い、気に入らなければblue-200やblue-50を試せばよかったのです。私は色にあまり強くないので、私より色のセンスが良い誰かが考えてくれた合理的なカラーパレットがあることは、私にとって大きな違いになります。

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

お気に入り

一番気に入ったのは以下のものです：

その他のカラーパレット

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

皆さんからは、カラーパレットジェネレーターもいくつか紹介されました

私はこれらのジェネレーターを使うのがいつも難しすぎると感じてきましたが、いつか色についてもっと上手くなって、カラーパレットジェネレーターをうまく使えるようになるかもしれません。なので、とりあえずこれらのリンクを残しておきます。

その他のカラーツール：

  • colorhexaには色覚特性に関する情報があります

oklch

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