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

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

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

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

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

想定読者
・カラーの「CSS名」を確認したい方
・Webデザインに携わる方
・HTML/CSSを学習中の方

「CSS名」をチェックしたい!

おさかな
おさかな

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

ナビまる
ナビまる

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

おさかな
おさかな

おー!カラーパレット!

【日本の伝統色】和風デザインで使えるカラー・配色が見つかる!【NIPPON COLORS】とは?
みなさんこんにちは!おさかなです!今回は「NIPPON COLORS」について、書いていこうと思います!それでは、レッツゴー!!!!!想定読者・日本の伝統デザインをしたい方・和風サイトを検討中の方・日本風の配色を知...

「Sorted CSS Colors」って何?

Sorted CSS Colors」とは、(@scriptype)さんが作成した、CSSカラーパレットのことです。
Webデザインに携わる方や、様々なパターンの配色を試したい方におすすめのサービスとなっています!(いいね!)

Sorted CSS Colors
I wanted to create a tool to sort the named CSS colors in a way that it shows related colors together. So, next time I can't decid...
本や雑誌の「3Dアニメーション」が作れちゃう!?【3D Book Image CSS Generator】とは?
みなさんこんにちは!おさかなです!今回は「3D Book Image CSS Generator」について、書いていこうと思います!それでは、レッツゴー!!!!!想定読者・3Dブックを作成したい方・表紙画像を本にし...

実際につかってみよう!

それでは早速サイトにアクセスします!

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

例えば、背景色に「MOCCASIN」を実装したい場合は、下記のようにCSSコードを書けばOKです!(ふむふむ…。)

background: moccasin;

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

Before
After

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

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

おさかな
おさかな

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

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

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

Webデザインをサクッと実装【コードスニペット】のまとめサイト!【Bits】とは?
みなさんこんにちは!おさかなです!今回は「Bits」について、書いていこうと思います!それでは、レッツゴー!!!!!想定読者・良い感じのWebデザインを探している方・コードスニペットを探している方・HTML/CSS...
おさかな

文章が書けちゃう、新種のおさかなです。

元不登校。紆余曲折あり、現在はライターとして活動中。IT技術、サブカルチャーから、シナリオまで色々書きます。
SAOのユウキが好きです!

おさかなをフォローする
タイトルとURLをコピーしました