20/02/2021

基本の色とをうまく使う

Sparkleで作るウェブサイトの色について書いておきます。

Sparkleでは基本的に21色のカラーパレットの中から色を選んでそれぞれ背景やボタン、テキストに指定していきます。

上からメイン、ニュートラル、ワイヤーフレームとなっていますが どの色を選んでもOKです。

デフォルトでは下記のような色になっていますがこのパレットの色を自由に変更することも可能です。


またサイト制作をしていてだんだんにパレット上の色がバラバラになっていってしまうことがありますが元に戻したいときは下記のカラーコードを#:に書いてデフォルトに戻してください。


メイン(右から)

2AA198 a:100%

268BD2 a:100%

6C71C4 a:100%

D33682 a:100%

DC322F a:100%

CB4B16 a:100%

B58900 a:100%


ニュートラル(右から)

000000 a:0%

000000 a:50%

000000 a:100%

404040 a:100%

808080 a:100%

C0C0C0 a:100%

FFFFFF a:100%


ワイヤーフレーム(右から)

52646F a:100%

677A85 a:100%

82939E a:100%

9EAFB9 a:100%

B8C8D2 a:100%

CDDEE8 a:100%

DDEDF7 a:100%


⚠️注意点

ただしすでに指定してある部分は全てその色に戻ってしまいますのでご注意ください。