相性の良い色を選ぶ
基準色ひとつから5種類の配色——ボタン・グラフ・スライドのたたき台に。
このガイドで使う道具
やりたいこと
ブランドカラーや写真の主色があり、隣に置いても違和感のない色が欲しい場面です。基準色を選び、配色タイプを選んで、色のhexをコピーします。
配色タイプの意味
補色は色相環の正反対——コントラスト最大なので少量で。類似色は両隣——穏やかで失敗しにくい。トライアドは3色を均等配置——にぎやかだがうるさくなりがち。スプリット補色は正反対を少しずらして和らげます。モノクロは明度だけを変える最も安全な配色です。
公開前に
HSLの色相回転による規則的な配色で、見た目や可読性の保証ではありません。調和した背景でも文字が読めないことがあるので、コントラストチェッカーで確認してください。