Tada File , すべてのツール

カラーコード変換

あらゆる色をHEX、RGB、HSL、HSV、CMYK、Lab、OKLCHの間で変換し、ワンクリックでコピー。無料で、お使いの端末上で動作します。

どの形式でも入力できます：#3366cc、rgb(51 102 204)、hsl(220 60% 50%)、cmyk(75% 50% 0% 20%)、oklch(…)、またはtomatoのようなCSSの色名。

  • HEX#3366CC
  • RGBrgb(51 102 204)
  • HSLhsl(220 60% 50%)
  • HSV / HSBhsv(220 75% 80%)
  • CMYKcmyk(75% 50% 0% 20%)
  • CIE Lablab(45 18.7 -57.9)
  • OKLCHoklch(53.2% 0.168 262.3)

最も近いCSSの色名：royalblue

CMYKはプリンタープロファイルを使わない簡易的な変換です。目安としては十分ですが、印刷会社の値とは異なる場合があります。

カラーコード変換は、ある形式で書かれた色を他のすべての形式に変換します。Web用のHEX、デザインアプリ用のRGB、HSL、HSV、印刷用のCMYK、そしてモダンなCSSや色の作業に使うCIE LabとOKLCHに対応しています。いずれかの形式で入力・貼り付けするか、tomatoのようなCSSの色名を入力するか、カラーピッカーを使ってください。各値にコピーボタンがあり、最も近いCSSの色名も表示されます。

カラーコード変換の使い方

  1. 1

    色を入力

    どの形式でも入力・貼り付けするか、カラーピッカーで選びます。

  2. 2

    結果を確認

    すべての形式での値と、最も近いCSSの色名が表示されます。

  3. 3

    必要な値をコピー

    どの値もワンクリックでコピーできます。

できること

主要な形式すべてに対応
HEX、RGB、HSL、HSV、CMYK、CIE Lab、OKLCH。
貼り付けた値を理解
#の有無、カンマやスペース、CSSの色名にも対応。
透明度もそのまま
アルファ値は形式を変えても引き継がれます。

よくある質問

HEXをRGBに変換するには？

#3366CCのようなHEXコードを貼り付けて、RGBの行を見てください：rgb(51 102 204)。他のすべての形式も同時に表示されます。

CMYKの値は印刷用として正確ですか？

プリンタープロファイルを使わない標準的な変換なので、目安としてお使いください。印刷会社によっては、使用する印刷機に合わせて少し異なる値を指定する場合があります。

OKLCHとは何ですか？

CSSで色を書く新しい方法で、人が感じる明るさと鮮やかさに基づいています。均一なカラースケールを作るのに便利です。

インターネット接続は必要ですか？

ページを開くときだけ必要です。計算はすべてお使いの端末上で行われ、入力した内容はどこにも送信されません。