プラカンブログ
プラカンブログ

プラカンブログ

【カラーツール】便利なカラーパレットツール『Colorbase』

夏も過ぎて、大好きな夏と秋の間の季節だ~
と思っていたら夏と秋の間が一瞬で過ぎ去ってすっかり冬の入り口まできてしまったような寒さでしょんぼりしています。
こんちには、はたやまです。


Webページを制作する際の配色で悩むことが多く、
それでなくても優柔不断なわたしは悩みの底なし沼に陥りがちです。
なので、配色見本サイトや、カラーパレットツールによくお世話になっています。
普段お世話になっているツールではないものも時々探したりします。
今回は最近気になった『Colorbase』というツールをご紹介したいと思います。

イメージ画像:Colorbase

Colorbase
https://colorbase.app/

ポイント

Colorbaseの便利だな~!と思うポイントを何点かご紹介します。

コントラスト比をチェック

イメージ画像:コントラスト比

文字色、背景色を設定して、コントラスト比を画面上で確認できます。
Webアクセシビリティ対応の制作の際、便利です。

補色・類似色・明るさがわかる

イメージ画像:補色・類似色・明るさ

色を選択すると、その色の補色・類似色・明るさを表示してくれます。
配色のヒントをもらえる情報がたくさんで便利です。

トーンの比較が見やすい

イメージ画像:トーンの比較

色を設定すると、シェード、ティントのトーン一覧を用意してくれます。
設定した色と、一目で確認できます。
シェード、ティントの表示の色数は変更することができます。

様々なブランドカラーを確認

イメージ画像:ブランドカラー

https://colorbase.app/brand-colors

有名なサービスで使用されているブランドカラーを一覧を掲載したページがあります。
配色に迷った際の参考などにいいかもしれません。

CSS、JavaScript にエクスポート

色を選択→保存してCSS、JavaScript にエクスポートする機能もあるようです。

おわりに

スマホでも使用することができますが、 現在iOSアプリも開発中とのことで、
サイトの改善なども現在も随時しているようなので、これからも使用したいなと思うツールでした◎
こちらのツールも参考にしてデザイン力、アクセシビリティの点もクリアできるよう
これからも勉強していこうと思います!

この記事は HATAYAMA が書きました。

プラカン(PLUS DESIGN COMPANY)が目指す3つの顧客満足

  1. ホームページのできあがりに
    満足していただく

    • お客様のご要望、目的の達成
    • ホームページの利便性や満足度の向上
    • ブランドイメージの向上 など
  2. 仕事の進め方に
    満足していただく

    • スケジュール遅延のないスムーズな進行
    • お客様の理解度、知識、経験に応じた親切で分かりやすい進行
    • セキュリティ意識の高い安全な進行管理 など
  3. サポート・フォーローに
    満足していただく

    • 公開後も安心なサーバー保守、CMS保守、コンテンツの保守管理
    • 集客、コンバージョンを強化するためのアクセスログ解析
    • 集客、コンバージョンを強化するためのコンテンツの改善 など

詳しくはWEBコンサルティングをご覧ください

WEBコンサルティング

ホームページに関するご要望がございましたら、お気軽にご相談ください。

Contact Us

お問い合わせをお考えの方

お問い合わせ

Estimate

お見積りをご希望の方

お見積り

お電話でのお問い合わせ