みなさんこんにちは!おさかなです!
今回は「Sorted CSS Colors」について、書いていこうと思います!
それでは、レッツゴー!!!!!
想定読者
・カラーの「CSS名」を確認したい方
・Webデザインに携わる方
・HTML/CSSを学習中の方
・カラーの「CSS名」を確認したい方
・Webデザインに携わる方
・HTML/CSSを学習中の方
「CSS名」をチェックしたい!

おさかな
この色キレイ〜✨
「CSS名」だとなんて言うのかな?

ナビまる
それなら「Sorted CSS Colors」で確認してみよう!

おさかな
おー!カラーパレット!
https://osakanav.com/nippon-colors
「Sorted CSS Colors」って何?
「Sorted CSS Colors」とは、(@scriptype)さんが作成した、CSSカラーパレットのことです。
Webデザインに携わる方や、様々なパターンの配色を試したい方におすすめのサービスとなっています!(いいね!)
https://enes.in/sorted-colors/
https://osakanav.com/3d-book-image-css-generator
実際につかってみよう!
それでは早速サイトにアクセスします!

カラー名はCSSの値で、そのまま使用できます!(便利!)

例えば、背景色に「MOCCASIN」を実装したい場合は、下記のようにCSSコードを書けばOKです!(ふむふむ…。)
background: moccasin;
ビフォーアフターは、こんな感じになり、きちんと実装できました!(わーい!)


カラーバーを動かすと、たくさんの色をチェックできます。

気になる色をクリックすると、「16進数のカラーコード」や「RGB」も確認できるので、用途に合わせて使い分けてみてください!(おー!)


おさかな
カラーパレットを活用しよう!
これで全ての操作は完了です。(やった~!)
お疲れ様でした☕
ここまで読んでくださり、ありがとうございました!

