デザインを確認しながらカラーパレットを作成できるサイト「Speculo」!

2016/08/04

こんにちは。
今回はデザインを確認しながらカラーパレットを作成できるサイト「Speculo」!です。

作ったカラーパレットをリアルタイムで、反映させたサンプルデザインを見れるサイトを紹介します。

デザインを確認しながらカラーパレットを作成できるサイト「Speculo」!

Speculo

speculo

http://speculo.co/

 

「Speculo」の使い方

speculo

画面左側で背景色、テキストやボタンの色などを変更すると右側のサンプルのデザインがリアルタイムで変化します。
右側のデザインを見ながら左側のカラーパレットを変更できるので便利ですね。
また、サンプルのデザインはクリックすると拡大し、もう一度クリックすると元に戻りますよ。

 

speculo2

左上のリンクのアイコンをクリックすると、先ほど作ったカラーパレットを画像やCSSで、ダウンロードできますよ。

 

配色の設計 ―色の知覚と相互作用 Interaction of Color
配色の設計 ―色の知覚と相互作用 Interaction of Color

 

いかがでしたか。カラーパレットを作る時に使ってみてはどうでしょうか。
以上でデザインを確認しながらカラーパレットを作成できるサイト「Speculo」!でした。

topへ戻る