ヒント:計算はすべてブラウザ内で行われ、色データはアップロードされません。
使い方と配色説明
色彩理論の概要
モノクロ配色: 同じ色相で明度や彩度を変えて作る配色。統一感が高く、落ち着いた印象を作りやすいです。
補色配色: 色相環で反対(180度)の色を組み合わせる配色。コントラストが強く、強調に向いています。
類似配色: 色相環で近い色を組み合わせる配色。自然で柔らかな印象になりやすいです。
トライアド配色: 色相環で120度間隔の3色を使う配色。対比とバランスを両立しやすい構成です。
ベースカラーを入力すると、色彩理論に基づく調和配色(モノクロ・補色・類似・トライアド)をブラウザ内で生成します。
ヒント:計算はすべてブラウザ内で行われ、色データはアップロードされません。
モノクロ配色: 同じ色相で明度や彩度を変えて作る配色。統一感が高く、落ち着いた印象を作りやすいです。
補色配色: 色相環で反対(180度)の色を組み合わせる配色。コントラストが強く、強調に向いています。
類似配色: 色相環で近い色を組み合わせる配色。自然で柔らかな印象になりやすいです。
トライアド配色: 色相環で120度間隔の3色を使う配色。対比とバランスを両立しやすい構成です。
Color Contrast チェッカーをブラウザ内でローカル処理。アップロード不要でプライバシーを守れます。
Color 変換をブラウザ内でローカル処理。アップロード不要でプライバシーを守れます。
Image Color パレットをブラウザ内でローカル処理。アップロード不要でプライバシーを守れます。
Image Color Pickerをブラウザ内でローカル処理。アップロード不要でプライバシーを守れます。
写真やイラストをアイロンビーズ向けのドット図案に変換。幅調整・色数制限・配色凡例・必要数集計・ダウンロードに対応。ローカル処理。
CSS Gradient 生成をブラウザ内でローカル処理。アップロード不要でプライバシーを守れます。