PALETTE STUDIO

パレット編集

パレット編集は現在調整中です。操作性や表示に改善が必要な部分があります。

このパレットは一時編集です。再読込・ページ移動・タブを閉じる操作で、編集内容と履歴が失われる場合があります。「このブラウザに保存」から明示的に保存できます。非公開バックアップで退避できます。

3〜5色を目安に、最大64色まで並べて役割を検討できます。

パレット編集にはJavaScriptと必要なデータの読込みが必要です。利用できない場合はページを再読込して再試行してください。辞典では引き続き色名・値・出典を確認できます。

CSS色名の一覧へ

汎用Web見本

架空の一般的なサンプルです。実際の企業・サービスのサイトではありません。

未確定の入力は反映しません。

見本にはパレット編集の初期化が必要

個人の拡張辞書自分の色名を読み込み・検索

自分の色名・出典を非公開JSONから確認し、この端末内へ導入します。CSS色名とは別に検索・追加できます。

この機能にはパレット編集の初期化とJavaScriptが必要です。開くまで辞書の保存領域は利用しません。

CSS色名の一覧へ

このブラウザのプロジェクトパレットの保存・再開・非公開バックアップ

確定した色・役割・固定と任意の名前を、このブラウザに保存します。画像・未確定入力・履歴は保存しません。

この機能にはパレット編集の初期化とJavaScriptが必要です。保存を選ぶまで保存領域は開きません。

用途別の配色候補用途から候補を選ぶ

用途名は配色候補の分類です。見本は共通の汎用サンプルです

この機能にはパレット編集の初期化とJavaScriptが必要です。利用できない場合も辞典の色名・値・出典を確認できます。

CSS色名の一覧へ

元色から9階調を生成元色から明暗の候補を作る

取得時の元色を残し、階調候補を1色ずつ確認して追加できます。

この機能にはパレット編集の初期化とJavaScriptが必要です。利用できない場合も辞典の色名・値・出典を確認できます。

CSS色名の一覧へ

原色とグレースケールの比較元配色と灰色を見比べる

確定した元配色を保持して比較します。P型・D型の参考表示は未提供。灰色は単色視の再現ではありません。

この機能にはパレット編集の初期化とJavaScriptが必要です。利用できない場合も辞典の色名・値・出典を確認できます。

CSS色名の一覧へ

画像から色を選ぶ端末内の画像から候補を選ぶ

画像の候補や一点の色を確認し、1色ずつパレットへ追加できます。

この機能にはパレット編集の初期化とJavaScriptが必要です。利用できない場合も辞典の色名・値・出典を確認できます。

CSS色名の一覧へ

配色の共有色順・役割を確認して共有URLを作る

受信した配色は確認後に空のStudioで開始できます。共有する色順・役割を確認してURLを作成します。

この機能にはパレット編集の初期化とJavaScriptが必要です。利用できない場合も辞典の色名・値・出典を確認できます。

CSS色名の一覧へ

配色の書き出しHEX・RGB・CSS・JSON・PNGで受け渡す

確定した色順・役割を確認し、HEX・RGB・CSS・独立JSON・PNGで受け渡せます。ASEは未提供。

この機能にはパレット編集の初期化とJavaScriptが必要です。利用できない場合も辞典の色名・値・出典を確認できます。

CSS色名の一覧へ