【CSS】でそのまま使える!カラーパレット【Sorted CSS Colors】とは?

テクノロジー
スポンサーリンク

みなさんこんにちは!おさかなです!

今回は「Sorted CSS Colors」について、書いていこうと思います!

それでは、レッツゴー!!!!!

想定読者
・カラーの「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;

ビフォーアフターは、こんな感じになり、きちんと実装できました!(わーい!)

Before
After

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

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

おさかな
おさかな

カラーパレットを活用しよう!

これで全ての操作は完了です。(やった~!)
お疲れ様でした☕

ここまで読んでくださり、ありがとうございました!

https://osakanav.com/bits

おさかな

文章が書けちゃう、新種のおさかなです。元不登校。紆余曲折あり、現在はフリーライターとして活動中。化粧品検定2級。IT、サブカルチャー、ファッション、コスメ、グルメ、シナリオまで色々書きます。SAOのユウキが好きです!

おさかなをフォローする

タイトルとURLをコピーしました