中国伝統色ツールは、中国の歴史的な色彩体系から厳選された古典色を収録したリファレンスコレクションです。各色に中国語名・ピンイン・HEX コード・RGB 値・CMYK 分解・自動生成の Tailwind CSS シェードスケールが表示されます。CMYK 値はデジタル変換によるものであり、用紙や印刷機の違いによって実際の印刷結果は画面表示と異なる場合があります。本番印刷前に必ず校正刷りを行ってください。
色値のコピー方法
各カードには CMYK リングチャートが表示され、4 つのチャンネルが弧状に可視化されています。任意のチャンネル数値をクリックすると、そのコンポーネントだけをコピーできます。
デスクトップではカードにホバーすると HEX・RGB・CMYK の完全な値が表示され、クリックでコピーできます。カード下部にはシェード 50～900 の Tailwind スタイルのスケールが表示され、任意のスウォッチをクリックすると hex 値をコピーできます。
モバイルでは各カードの下にすべての値が直接表示され、タップでコピーできます。
色名の由来
中国伝統色の名前は自然の素材や現象に由来しています。
鉱物と植物
- 朱砂红 — 辰砂鉱物の朱赤色
- 靛青 — 藍草から抽出した染料の青
- 藤黄 — つる植物の樹脂の黄金色
- 石绿 — 酸化した銅鉱石の緑
自然の風景
- 天水碧 — 秋の空と水が交わる青緑
- 月白 — 月明かりの下の冷たい白
- 烟波蓝 — 水面の霧がかった灰青
- 竹青 — 若い竹の黄緑色
Tailwind スケールをプロジェクトで使う
シェードスケール（50～900）は各ベースカラーから自動生成されます。任意の HEX 値を tailwind.config.js の theme.extend.colors に貼り付けると、すべての Tailwind ユーティリティクラスで使える伝統色パレットをプロジェクトに追加できます。
検索のヒント
検索ボックスでは中国語名・ピンイン・HEX コード・RGB 値・CMYK 数値でフィルタリングできます。红 と入力すると「赤」を含む色がすべて表示され、#c93756 または c93756 でその色を正確に特定できます。zhu のようなピンインで入力すると 朱砂・朱红 などその音節を含む色が見つかります。