·EN/日本語·Chroma Cathay ↗
道具 04パレットビルダー · 調色
5 / 8 色見本·0 固定·読み込み中
作業中の配色
固定 · 移動 · 削除
01 / 5
桜色
Sakura-iro
#F1C6C1
02 / 5
藍色
Ai-iro
#264653
03 / 5
墨色
Sumi-iro
#1B1B1B
04 / 5
山吹色
Yamabuki-iro
#D8A431
05 / 5
抹茶色
Matcha-iro
#7A8B55
+追加
/* 花見 · Hanami 春の配色 */
:root {
  --jp-sakura-iro: #F1C6C1;
  --jp-ai-iro: #264653;
  --jp-sumi-iro: #1B1B1B;
  --jp-yamabuki-iro: #D8A431;
  --jp-matcha-iro: #7A8B55;
}
!コントラスト · WCAG AA

各色見本を和紙面・墨面に置いた場合の比率:

Sakura-iro × 和紙1.35 : 1 · FAIL
Sakura-iro × 墨11.14 : 1 · AA
Ai-iro × 和紙8.80 : 1 · AA
Ai-iro × 墨1.71 : 1 · FAIL
Sumi-iro × 和紙15.04 : 1 · AA
Sumi-iro × 墨1.00 : 1 · FAIL
Yamabuki-iro × 和紙1.98 : 1 · FAIL
Yamabuki-iro × 墨7.61 : 1 · AA
Matcha-iro × 和紙3.24 : 1 · AA-LG
Matcha-iro × 墨4.64 : 1 · AA
共有

この配色はブラウザ内に自動保存されます。上のスニペットをコピーして、Figma・CSS・Tailwind・JSON・ASE の制作フローへ移せます。

chromacathay.jp/p/-hanami-