HEX、RGB、HSLとは?
- HEX:
#RRGGBB形式の16進数カラーコードで、Web・デザインツールで最も広く使われています。 - RGB: 赤(R)・緑(G)・青(B)をそれぞれ0〜255の値で混ぜて色を表現します。
- HSL: 色相(Hue、0〜360°)・彩度(Saturation、%)・明度(Lightness、%)で色を表現し、同じ色相のままトーンだけを調整するのに便利です。
パレットはどのように作られますか?
トーンパレットは選んだ色の彩度(S)を維持したまま明度(L)だけを段階的に調整し、明るいトーンから 暗いトーンまでを生成します。補色は色相値(H)に180°を、類似色は±30°を加えて計算します。
よくある質問
パレットの色をクリックするとどうなりますか?
クリックするとその色のHEXコードがクリップボードにコピーされます。
デザインツールでそのまま色を使えますか?
はい。HEXコードはFigma、Photoshop、CSSなど、ほとんどのデザイン・開発ツールにそのまま貼り付けて使用できます。