「Speculo」はUIをその場で見ながらカラーパレットを作成できるサイトです。背景色やテキストの色を選択すると、サンプルで表示されているデザインの色がリアルタイムで変化します。実際にカラーパレットを適用したときの見た目が確認できるので便利ですね。

以下に使ってみた様子を載せておきます。まずSpeculoへアクセスしましょう。

160727_sp2.jpg

左側にカラーパレットがあり、それぞれ色を変更することができます。色を変更すると右側のサンプルの色が変化しますよ。サンプルは最近よく見かけるようなUIになっていますので、イメージがつきやすいですね。カラーパレットが作成できたら、左上のリンクマークをクリックしてみましょう。

160727_sp3.jpg

このように、色のカラーコードおよびCSSが出力されますよ。他の人に色の確認をしてもらいたいときは、生成されたリンクを共有すればOK。ぜひカラーパレットを作成したいときにご活用ください。

Speculo

(カメきち)