CSSの色のネーミングで迷うのをやめよう！色のネーミングサイト紹介

cssのネーミングの問題

cssで色を当てるためのクラスをつける時、次のようなクラスを定義する事があります。

.text-red {
   color: red
} 

しかし、少し濃い赤、濃い赤など赤っぽい色を複数使いたい場合にネーミングに迷う事があります。

色のネーミングサイト

そんな時には、以下のサイトで色のコードから色の名前を教えてもらうと非常に便利です。

使い方

色のコード(#370B8E)などを入力するだけです。
色を名前にして教えてくれます。(#370B8E =>Blue Gem, など)

効果

1.似た色のネーミングがバッティングしない
2.ネーミングで迷う時間がなくなる
3.色の知識がたまり色彩センスが向上する

終わりに

結構便利です。以上です。