カラーパレット作成ツール
1色からパレットを作ったり、写真から色を抽出したりできます。固定、シャッフル、コピー、書き出しも可能です。
色のブロックやコードをクリックするとコピーできます。
気に入りましたか？このカラーをBioLinkoページのカスタムテーマとして使えます。
このツールについて
色相環上の位置関係です。類似色は隣り合う色（落ち着いた印象）、補色は反対側の色（コントラスト）、スプリット・コンプリメンタリーとトライアドは3つの色相を均等に配置、テトラードは4色を使い、モノクロマティックやシェードは1つの色相の明るさを変えて使います。
「画像から」タブを開いて写真をドロップしてください。ツールが画像を縮小し、透明なピクセルを除外したうえで、k-meansクラスタリングで似た色をまとめ、特に多く使われている5〜6色を多い順に表示します。
その色の上に白と黒のテキストを置いたときの、WCAGコントラストの評価です。通常のテキストにはAAで4.5:1、AAAで7:1が必要で、AA Large（3:1）は大きな見出しにしか使えません。ボタンや本文には合格した組み合わせを使いましょう。
多くのブランドは3〜5色を使います。メインカラー1色、アクセントカラー1色、文字用の濃い色、背景用の明るい色、場合によってはニュートラルカラー1色です。確定した色をロックして、残りをシャッフルしましょう。
いいえ。画像はブラウザ内でcanvas APIを使って読み込まれます。サーバーには何も送信されません。
プレビューでは、そのカラーを背景、ボタン、テキストに使ったときの見え方を確認できます。BioLinkoでは「デザイン」を開き、カスタムテーマにHEXコードを貼り付けてください。
次は、置き場所を作りましょう。
このリンクを、ほかのリンク、決済、動画がまとまった無料のBiolinkoページに追加しましょう。60秒で完成します。