|Home|About|Contact|Sitemap|

  • photo

    リンクの色も読みやすく

  • photo

    ロゴが読めないと、サイトを覚えてもらえない

  • photo

    背景色は薄い方が長文は読みやすい

  • photo

    背景色が暗い場合は、色相差は控えめに

  • photo

    読めない配色に一切の価値なし

  • photo

    本文テキストに意味不明な装飾を施さないこと

  • photo

    中明度の背景色は出来るだけ避ける

  • photo

    赤と緑の高彩度色は要注意色

  • photo

    色使いが苦手な人は、色相差を0°に近づける

  • photo

    緩やかなグラデーションが配色を助ける

  • photo

    広めに余白を取るだけで解決出来ることは多い

  • photo

    赤と緑の組み合わせを避ける

  • photo

    悩んだときには色の面積を減らす

  • photo

    地味なテクスチャは配色を和らげる

  • photo

    食は万里を超える

配色ツール for iPhone

基本的な使い方

左下の"Color"ボタンを押してスライダーで1色を選ぶことで、全体の配色を勝手に作り上げるツールです。

色相差を付けることで、やや動きのある配色を作ることもできますが、初心者は45°以内を目安に使うとよいでしょう。

配色ツールについて

この配色ツールはカラー&Webデザイン フォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。

iPhone用です

この配色ツールはiPhone用となっております。それ以外の端末の方はPC版をご利用ください。リクエストがあればiPadやAndroidにも対応させてみたいと思います。

取材・執筆・業務等のご依頼

このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、カラー&Webデザイン フォルトゥナのサイトで承っております。使いやすい配色や説得力のある配色など聞きたい内容に合わせて内容をカスタマイズしますので、気軽にお問い合わせください。

またSEO業者やウェブ製作などの宣伝・勧誘については全て断っておりますのでご了承ください。

▲このページのトップに戻る