Tools
Color Geometry
Schrödinger Color Geometry
ベースカラーや画像から、知覚距離を意識したパレットを生成します。Light/Dark背景、コントラスト、色覚特性の見え方まで同時に確認できます。
Scope
- OKLCH/LCHの知覚距離を実用向けに整理
- コントラスト比と色覚特性シミュレーションを表示
- 論文モデルの完全再現ではなく制作判断用のツール
Input
Note
Schrödinger の色彩理論に着想を得た実用ツールです。論文モデルの完全再現ではなく、OKLCH の知覚距離を制作判断に使いやすく整理しています。
Palette
Light/Dark背景での読みやすさを同時に確認します。
Base
#E53E3E
主役色。サムネやCTAで最も目を止める色。
oklch(61.4% 0.204 25.6)
Near Signal
#EC7729
同系統の補助色。情報量を増やしすぎず階層を作る。
oklch(69.4% 0.167 49.6)
Counter
#23858F
離れた知覚位置の色。小さい面積で視線誘導に使う。
oklch(56.6% 0.159 205.6)
Quiet Field
#F9DED5
背景や余白用。白背景でも色味を薄く残す。
oklch(92.0% 0.033 37.6)
Ink
#1A0E0B
文字・輪郭用。色味のある黒として使う。
oklch(18.0% 0.020 37.6)
Light Preview
New Release
Color as
Signal
Studio QL thumbnail system
Palette preview for post assets and announcement cards.
Dark Preview
New Release
Color as
Signal
Studio QL thumbnail system
Palette preview for post assets and announcement cards.
Contrast / Simulation
BaseW 4.1B 4.6
Near SignalW 2.9B 6.5
CounterW 4.4B 4.3
Quiet FieldW 1.3B 14.8
InkW 18.9B 1.0
protanopia
deuteranopia
tritanopia