カラーコード変換＆パレット作成

1. 加算混合 (RGB/HEX) vs. 減算混合 (CMYK)

Webや画面表示には RGB加算混合 が使用され、赤・緑・青の光の三原色を重ね合わせて色を表現します。HEX は RGB の16進数記記法です。

一方、物理的な印刷には CMYK減算混合 （シアン・マゼンタ・イエロー・ブラック）が使用され、インクが光を吸収することで色を表現します。

2. なぜ UI デザイナーは HSL / HSV を好むのか？

RGB は直感的な色の調整が困難です。HSL (色相/彩度/輝度) と HSV (色相/彩度/明度) は、色彩を直感的なパラメータに分離します。
デザイナーは色相を固定するだけで、システムコンポーネントの Hover（ホバー）、Active（押下）、Disabled（無効）状態のカラーを簡単に作成できます。

3. Tints（ティント/明色）と Shades（シェード/暗色）とは？

色彩学や UI デザインシステム（Tailwind CSS など）では、同系色のカラーパレットは通常、基準となる主色（Base Color）から派生させて生成されます：

• Tints（ティント/明るい階調）： 主色に白色を追加（Lightness 輝度を上昇）させた色。背景ブロック、カードのホバー背景、ハイライト状態に使用されます。
• Shades（シェード/暗い階調）： 主色に黒色を追加（Lightness 輝度を低下）させた色。テキストカラー、深い影、境界線などに使用されます。