ToollyToolly
Web・開発

カラーコード変換

カラーピッカーまたはHEXコードの入力で色を選ぶだけで、HEX・RGB・RGBA・HSL・HSLA・CMYKの各コードをまとめて確認・コピーできます。濃淡チャートから近い色を選び直すこともできます。

使い方

  1. 1カラーピッカーで色を選ぶか、HEXコード欄に直接カラーコードを入力します。
  2. 2HEX・RGB・RGBA・HSL・HSLA・CMYKの各コードが自動で表示されます。
  3. 3気になるコードの右側のアイコンでワンクリックコピーできます。濃淡チャートから近い色を選び直すことも可能です。

計算方法・変換方法

HEXコードをRGB値に変換したうえで、標準的な変換式によりHSL(色相・彩度・明度)とCMYK(印刷用インク比率)を算出しています。

濃淡チャートは、選択した色のHSLの色相・彩度を保ったまま明度だけを段階的に変化させた色を並べています。

よくある質問

他のカテゴリを見る