カラー変換

使い方

1. 1
   項目を入力

   数値を入力するか、必要なオプションを選びます。

2. 2
   結果を見る

   値を変えるとすぐに答えが更新されます。

3. 3
   活用する

   結果をコピーするか書き留めてください。何もどこにも送信されません。

About this tool

Type a colour as a hex code (#2563eb), as rgb(37, 99, 235) or as hsl(221, 83%, 53%). You get the same colour in HEX, RGB, HSL and CMYK, ready to copy into CSS or a design tool, plus a preview swatch.

When to use it

Convert colours between HEX, RGB, HSL and CMYK.

Tips

CMYK values are approximate on screen. Check proofs for print.

Privacy

Everything runs in your browser, so your data is not uploaded or stored.

Colour formats

HEX is a six digit code such as #2563EB, RGB gives red, green and blue from 0 to 255, HSL describes hue, saturation and lightness and CMYK is used in print. Web pages use HEX, RGB or HSL.

計算例

With the boxes at their starting values (Colour (hex, rgb() or hsl()): #2563eb), the tool shows: RGB: rgb(37, 99, 235); HSL: hsl(221, 83%, 53%); CMYK: cmyk(84%, 58%, 0%, 8%); CSS: color: #2563EB;; HEX: #2563EB. Change any box to see your own numbers. The result updates as you type, and nothing leaves your browser.

最良の結果を得るためのヒント

結果を信頼する前にすべての項目を確認してください。数字がひとつ違うだけで答え全体が変わります。給与明細、請求書、証明書、契約書にある正確な数字を使い、計算した日付を控えておきましょう。税率、しきい値、ルールは随時変わるため、税金、手数料、法的な事柄については結果を概算とみなし、このページに記載された公式情報源で確認してください。シナリオは何度でも試せます。何も保存・送信されず、ページを再読み込みすると入力欄はクリアされます。