気分を言葉で書くと、パレットになる
ブリーフには「落ち着いていてモダン、夜明けの海のように」とある。でもパレットは勝手にできません。言葉を、根拠を説明できる出発点の配色に変えます。コントラストは検査済みです。
- すべてブラウザ内で処理
- オフライン対応
- アップロードなし
- 登録不要
- 透かしなし
ツールを読み込み中…
使い方
- 雰囲気・ブランド・情景を一文で書きます。日本語でも英語でも。
- 配色ルール(類似色・補色・トライアド…)を選び、バリエーションを調整します。
- CSS変数やJSONをコピー、またはスウォッチをダウンロード。スウォッチをクリックすると16進コードをコピーします。
アップロードが不要な理由
このページの処理はすべて、ブラウザのタブ内で動くコードが行います。ファイルはディスクからタブのメモリに読み込まれ、その場で変換され、ダウンロードとして書き出されます。当社にも第三者にも送信されません。
ご自身で確認する方法
- ブラウザの開発者ツール(F12)を開き、「ネットワーク」タブを選びます。
- ファイルを読み込んでツールを実行します。
- 表示されるのは、ツール自身のコードの読み込みと、一部の重いツールでは公開CDNからのエンジン取得、それに loreatec.jp への小さなアクセス集計(ページのアドレスとタイトルだけ)です。あなたのファイルを運ぶ通信は1つもありません。
よくある質問
文章がどうやって色になるのですか?
約120語(日本語・英語)の厳選した語彙が、それぞれ色相・彩度・明度を少しずつ動かします。「落ち着いた」は寒色で柔らかく、「緊急」は鮮やかな赤へ、「森」は深い緑へ、「和風」は低彩度の土の色へ。それらを合成し、配色ルールが結果を中心に色相環を割り振り、各組み合わせをWCAGのコントラスト式で検査します。認識した語は一覧表示するので、ブラックボックスではありません。
AIは使っていますか?
いいえ。固定の語彙と計算だけです。だから同じ文章は常に同じパレットになり、オフラインでも動きます。小説は理解しませんが、気分と色の語彙は理解し、何も認識できないときはそう言います。
AA・AAAとは?
WCAGのコントラスト基準です。4.5:1(AA)が通常の本文の最低ライン、7:1(AAA)は余裕あり、3:1は大きな文字にだけ十分。表には各スウォッチ上の白と黒に近い色を示し、互いにAAを満たすスウォッチの組み合わせを列挙します。
画像からのパレットツールとの違いは?
あちらは写真やロゴにすでにある色を抽出します。こちらは言葉から始めます。まだ画像がないとき — ブリーフ、ブランドの形容詞、気分 — のためのものです。