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

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

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

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

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

【日本の伝統色】和風デザインで使えるカラー・配色が見つかる！【NIPPON COLORS】とは？

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

osakanav.com

2021.12.05

「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...

enes.in

本や雑誌の「3Dアニメーション」が作れちゃう！？【3D Book Image CSS Generator】とは？

みなさんこんにちは！おさかなです！今回は「3D Book Image CSS Generator」について、書いていこうと思います！それでは、レッツゴー！！！！！想定読者・3Dブックを作成したい方・表紙画像を本にし...

osakanav.com

2021.11.21

実際につかってみよう！

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

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

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

background: moccasin;

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

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

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

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

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

Webデザインをサクッと実装【コードスニペット】のまとめサイト！【Bits】とは？

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

osakanav.com

2021.12.26