気分を言葉で書くと、パレットになる

ブリーフには「落ち着いていてモダン、夜明けの海のように」とある。でもパレットは勝手にできません。言葉を、根拠を説明できる出発点の配色に変えます。コントラストは検査済みです。

ツールを読み込み中…

使い方

  1. 雰囲気・ブランド・情景を一文で書きます。日本語でも英語でも。
  2. 配色ルール(類似色・補色・トライアド…)を選び、バリエーションを調整します。
  3. CSS変数やJSONをコピー、またはスウォッチをダウンロード。スウォッチをクリックすると16進コードをコピーします。

アップロードが不要な理由

このページの処理はすべて、ブラウザのタブ内で動くコードが行います。ファイルはディスクからタブのメモリに読み込まれ、その場で変換され、ダウンロードとして書き出されます。当社にも第三者にも送信されません。

ご自身で確認する方法

  1. ブラウザの開発者ツール(F12)を開き、「ネットワーク」タブを選びます。
  2. ファイルを読み込んでツールを実行します。
  3. 表示されるのは、ツール自身のコードの読み込みと、一部の重いツールでは公開CDNからのエンジン取得、それに loreatec.jp への小さなアクセス集計(ページのアドレスとタイトルだけ)です。あなたのファイルを運ぶ通信は1つもありません。

外部送信ゼロの確認方法 →

よくある質問

文章がどうやって色になるのですか?

約120語(日本語・英語)の厳選した語彙が、それぞれ色相・彩度・明度を少しずつ動かします。「落ち着いた」は寒色で柔らかく、「緊急」は鮮やかな赤へ、「森」は深い緑へ、「和風」は低彩度の土の色へ。それらを合成し、配色ルールが結果を中心に色相環を割り振り、各組み合わせをWCAGのコントラスト式で検査します。認識した語は一覧表示するので、ブラックボックスではありません。

AIは使っていますか?

いいえ。固定の語彙と計算だけです。だから同じ文章は常に同じパレットになり、オフラインでも動きます。小説は理解しませんが、気分と色の語彙は理解し、何も認識できないときはそう言います。

AA・AAAとは?

WCAGのコントラスト基準です。4.5:1(AA)が通常の本文の最低ライン、7:1(AAA)は余裕あり、3:1は大きな文字にだけ十分。表には各スウォッチ上の白と黒に近い色を示し、互いにAAを満たすスウォッチの組み合わせを列挙します。

画像からのパレットツールとの違いは?

あちらは写真やロゴにすでにある色を抽出します。こちらは言葉から始めます。まだ画像がないとき — ブリーフ、ブランドの形容詞、気分 — のためのものです。