Edited at

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


cssのネーミングの問題

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

.text-red {

color: red
}

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


色のネーミングサイト

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

http://chir.ag/projects/name-that-color/#F4FAF7


使い方

色のコード(#370B8E)などを入力するだけです。

色を名前にして教えてくれます。(#370B8E =>Blue Gem, など)


効果

1.似た色のネーミングがバッティングしない

2.ネーミングで迷う時間がなくなる

3.色の知識がたまり色彩センスが向上する


終わりに

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