Dear color lovers – together, we’ll have a more colorful future. Support us on

✕

CSS グラデーション:
RGB 22 45 254

インフォメーション

一網打尽

2色グラデーション - コンプリメンタリー・カラー

基本色調と補色などの2つの色調から、CSSが色のグラデーションを提案します。

線形および放射状の色遷移の例をご覧ください。

ウェブデザインに簡単：CSSコードをコピーして、ウェブサイトに簡単に組み込めます。

2色グラデーション - 明るい色合い

ベースとなる色調と明るい色調など、2 つの色調から CSS で色のグラデーションを提案させます。

線形および放射状の色遷移の例を明るい色合いから検索します。

ウェブデザインに簡単：CSS コードをコピーしてウェブサイトに簡単に組み込めます。

2色グラデーション - ダークシェード

ベースとなる色調と暗い色調など、2 つの色調から CSS で色のグラデーションを提案させます。

線形および放射状の色遷移の例をダークシェードから検索します。

ウェブデザインに簡単：CSS コードをコピーして、ウェブサイトに簡単に組み込めます。

表示オプション

商品説明

この色では、青が他の色より際立っています。青色系の色相の値が他の2つの値より大きくなっています。赤と緑の色相のために、値から遠く離れて目立つ。色値が他と比べて低いため、私たちにはこの色合いが濃く見える。

RGB表色系における色の内訳：この色相では、最大255の色成分のうち、それぞれ 22 赤色 45 グリーンと 254 ブルー。

これらの色の混合比によって、重なり合った部分の真ん中に表示される色合いとなります。

イラストでは、赤（上）、緑（右下）、青（左下）の3つの成分で色が構成されていることがわかりますね。真ん中にあるのは、結果の色です。

CMYK表色系では、色は次のように構成される。この色調では、最大色成分100のうち、それぞれ 91 シアン 82 マゼンタ皆無黄色と皆無

これらの色の混合比によって、重なり合った部分の真ん中に表示される色合いとなります。

イラストでは、シアン（左上）、マゼンタ（右上）、イエローまたは黄（右下）、ブラックまたはキー（左下）の4つの成分で色が構成されていることがわかりますね。真ん中にあるのは、結果の色です。

メーカーとしてのカラーパレットの検証！

デザイナーやエージェンシーに正確なカラーバリューを提供することができます。

レッツゴー

からの2色グラデーション RGB 22 45 254 - コンプリメンタリー・カラー

リニア

HEX #162DFE まで HEX #E9D201

CSSコード:

background-image: linear-gradient(135deg, #162DFE 6%, #E9D201 97%);

ラジアル

HEX #162DFE まで HEX #E9D201

CSSコード:

background-image: radial-gradient(circle, #162DFE 3%, #E9D201 99%);

HEX #E9D201 まで HEX #162DFE

CSSコード:

background-image: linear-gradient(135deg, #E9D201 12%, #162DFE 87%);

HEX #E9D201 まで HEX #162DFE

CSSコード:

background-image: radial-gradient(circle, #E9D201 10%, #162DFE 97%);

からの2色グラデーション RGB 22 45 254 - 明るい色合い

リニア

HEX #162DFE まで HEX #156AFD

CSSコード:

background-image: linear-gradient(135deg, #162DFE 9%, #156AFD 97%);

ラジアル

HEX #162DFE まで HEX #156AFD

CSSコード:

background-image: radial-gradient(circle, #162DFE 10%, #156AFD 86%);

HEX #156AFD まで HEX #162DFE

CSSコード:

background-image: linear-gradient(135deg, #156AFD 8%, #162DFE 91%);

HEX #156AFD まで HEX #162DFE

CSSコード:

background-image: radial-gradient(circle, #156AFD 8%, #162DFE 92%);

HEX #162DFE まで HEX #152CFD

CSSコード:

background-image: linear-gradient(135deg, #162DFE 5%, #152CFD 94%);

HEX #162DFE まで HEX #152CFD

CSSコード:

background-image: radial-gradient(circle, #162DFE 11%, #152CFD 86%);

HEX #152CFD まで HEX #162DFE

CSSコード:

background-image: linear-gradient(135deg, #152CFD 1%, #162DFE 91%);

HEX #152CFD まで HEX #162DFE

CSSコード:

background-image: radial-gradient(circle, #152CFD 6%, #162DFE 98%);

HEX #162DFE まで HEX #3C15FD

CSSコード:

background-image: linear-gradient(135deg, #162DFE 3%, #3C15FD 87%);

HEX #162DFE まで HEX #3C15FD

CSSコード:

background-image: radial-gradient(circle, #162DFE 14%, #3C15FD 94%);

HEX #3C15FD まで HEX #162DFE

CSSコード:

background-image: linear-gradient(135deg, #3C15FD 5%, #162DFE 91%);

HEX #3C15FD まで HEX #162DFE

CSSコード:

background-image: radial-gradient(circle, #3C15FD 9%, #162DFE 100%);

HEX #162DFE まで HEX #7A15FD

CSSコード:

background-image: linear-gradient(135deg, #162DFE 11%, #7A15FD 86%);

HEX #162DFE まで HEX #7A15FD

CSSコード:

background-image: radial-gradient(circle, #162DFE 6%, #7A15FD 96%);

HEX #7A15FD まで HEX #162DFE

CSSコード:

background-image: linear-gradient(135deg, #7A15FD 8%, #162DFE 87%);

HEX #7A15FD まで HEX #162DFE

CSSコード:

background-image: radial-gradient(circle, #7A15FD 14%, #162DFE 94%);

からの2色グラデーション RGB 22 45 254 - ダークシェード

リニア

HEX #162DFE まで HEX #0118E8

CSSコード:

background-image: linear-gradient(135deg, #162DFE 12%, #0118E8 89%);

ラジアル

HEX #162DFE まで HEX #0118E8

CSSコード:

background-image: radial-gradient(circle, #162DFE 8%, #0118E8 88%);

HEX #0118E8 まで HEX #162DFE

CSSコード:

background-image: linear-gradient(135deg, #0118E8 1%, #162DFE 87%);

HEX #0118E8 まで HEX #162DFE

CSSコード:

background-image: radial-gradient(circle, #0118E8 10%, #162DFE 93%);

HEX #162DFE まで HEX #152CFD

CSSコード:

background-image: linear-gradient(135deg, #162DFE 7%, #152CFD 97%);

HEX #162DFE まで HEX #152CFD

CSSコード:

background-image: radial-gradient(circle, #162DFE 8%, #152CFD 96%);

HEX #152CFD まで HEX #162DFE

CSSコード:

background-image: linear-gradient(135deg, #152CFD 5%, #162DFE 99%);

HEX #152CFD まで HEX #162DFE

CSSコード:

background-image: radial-gradient(circle, #152CFD 10%, #162DFE 91%);

HEX #162DFE まで HEX #3E51FE

CSSコード:

background-image: linear-gradient(135deg, #162DFE 10%, #3E51FE 98%);

HEX #162DFE まで HEX #3E51FE

CSSコード:

background-image: radial-gradient(circle, #162DFE 13%, #3E51FE 96%);

HEX #3E51FE まで HEX #162DFE

CSSコード:

background-image: linear-gradient(135deg, #3E51FE 5%, #162DFE 90%);

HEX #3E51FE まで HEX #162DFE

CSSコード:

background-image: radial-gradient(circle, #3E51FE 13%, #162DFE 95%);

HEX #162DFE まで HEX #6776FE

CSSコード:

background-image: linear-gradient(135deg, #162DFE 6%, #6776FE 97%);

HEX #162DFE まで HEX #6776FE

CSSコード:

background-image: radial-gradient(circle, #162DFE 9%, #6776FE 87%);

HEX #6776FE まで HEX #162DFE

CSSコード:

background-image: linear-gradient(135deg, #6776FE 11%, #162DFE 92%);

HEX #6776FE まで HEX #162DFE

CSSコード:

background-image: radial-gradient(circle, #6776FE 12%, #162DFE 98%);

からの2色グラデーション RGB 22 45 254 - アナログカラー

リニア

HEX #162DFE まで HEX #156AFD

CSSコード:

background-image: linear-gradient(135deg, #162DFE 14%, #156AFD 89%);

ラジアル

HEX #162DFE まで HEX #156AFD

CSSコード:

background-image: radial-gradient(circle, #162DFE 3%, #156AFD 91%);

HEX #156AFD まで HEX #162DFE

CSSコード:

background-image: linear-gradient(135deg, #156AFD 11%, #162DFE 100%);

HEX #156AFD まで HEX #162DFE

CSSコード:

background-image: radial-gradient(circle, #156AFD 1%, #162DFE 88%);

HEX #162DFE まで HEX #152CFD

CSSコード:

background-image: linear-gradient(135deg, #162DFE 6%, #152CFD 91%);

HEX #162DFE まで HEX #152CFD

CSSコード:

background-image: radial-gradient(circle, #162DFE 14%, #152CFD 87%);

HEX #152CFD まで HEX #162DFE

CSSコード:

background-image: linear-gradient(135deg, #152CFD 5%, #162DFE 98%);

HEX #152CFD まで HEX #162DFE

CSSコード:

background-image: radial-gradient(circle, #152CFD 14%, #162DFE 95%);

HEX #162DFE まで HEX #3C15FD

CSSコード:

background-image: linear-gradient(135deg, #162DFE 9%, #3C15FD 89%);

HEX #162DFE まで HEX #3C15FD

CSSコード:

background-image: radial-gradient(circle, #162DFE 9%, #3C15FD 93%);

HEX #3C15FD まで HEX #162DFE

CSSコード:

background-image: linear-gradient(135deg, #3C15FD 1%, #162DFE 90%);

HEX #3C15FD まで HEX #162DFE

CSSコード:

background-image: radial-gradient(circle, #3C15FD 5%, #162DFE 88%);

HEX #162DFE まで HEX #7A15FD

CSSコード:

background-image: linear-gradient(135deg, #162DFE 5%, #7A15FD 96%);

HEX #162DFE まで HEX #7A15FD

CSSコード:

background-image: radial-gradient(circle, #162DFE 1%, #7A15FD 88%);

HEX #7A15FD まで HEX #162DFE

CSSコード:

background-image: linear-gradient(135deg, #7A15FD 7%, #162DFE 87%);

HEX #7A15FD まで HEX #162DFE

CSSコード:

background-image: radial-gradient(circle, #7A15FD 14%, #162DFE 92%);

からの2色グラデーション RGB 22 45 254 - モノクロームカラー

リニア

HEX #162DFE まで HEX #0118E8

CSSコード:

background-image: linear-gradient(135deg, #162DFE 8%, #0118E8 98%);

ラジアル

HEX #162DFE まで HEX #0118E8

CSSコード:

background-image: radial-gradient(circle, #162DFE 2%, #0118E8 94%);

HEX #0118E8 まで HEX #162DFE

CSSコード:

background-image: linear-gradient(135deg, #0118E8 11%, #162DFE 88%);

HEX #0118E8 まで HEX #162DFE

CSSコード:

background-image: radial-gradient(circle, #0118E8 4%, #162DFE 91%);

HEX #162DFE まで HEX #152CFD

CSSコード:

background-image: linear-gradient(135deg, #162DFE 6%, #152CFD 96%);

HEX #162DFE まで HEX #152CFD

CSSコード:

background-image: radial-gradient(circle, #162DFE 10%, #152CFD 97%);

HEX #152CFD まで HEX #162DFE

CSSコード:

background-image: linear-gradient(135deg, #152CFD 11%, #162DFE 93%);

HEX #152CFD まで HEX #162DFE

CSSコード:

background-image: radial-gradient(circle, #152CFD 4%, #162DFE 98%);

HEX #162DFE まで HEX #3E51FE

CSSコード:

background-image: linear-gradient(135deg, #162DFE 8%, #3E51FE 90%);

HEX #162DFE まで HEX #3E51FE

CSSコード:

background-image: radial-gradient(circle, #162DFE 7%, #3E51FE 98%);

HEX #3E51FE まで HEX #162DFE

CSSコード:

background-image: linear-gradient(135deg, #3E51FE 3%, #162DFE 92%);

HEX #3E51FE まで HEX #162DFE

CSSコード:

background-image: radial-gradient(circle, #3E51FE 5%, #162DFE 99%);

HEX #162DFE まで HEX #6776FE

CSSコード:

background-image: linear-gradient(135deg, #162DFE 12%, #6776FE 92%);

HEX #162DFE まで HEX #6776FE

CSSコード:

background-image: radial-gradient(circle, #162DFE 9%, #6776FE 91%);

HEX #6776FE まで HEX #162DFE

CSSコード:

background-image: linear-gradient(135deg, #6776FE 3%, #162DFE 91%);

HEX #6776FE まで HEX #162DFE

CSSコード:

background-image: radial-gradient(circle, #6776FE 9%, #162DFE 87%);

からの2色グラデーション RGB 22 45 254 - 部分補色

リニア

HEX #162DFE まで HEX #FD15E6

CSSコード:

background-image: linear-gradient(135deg, #162DFE 3%, #FD15E6 96%);

ラジアル

HEX #162DFE まで HEX #FD15E6

CSSコード:

background-image: radial-gradient(circle, #162DFE 2%, #FD15E6 96%);

HEX #FD15E6 まで HEX #162DFE

CSSコード:

background-image: linear-gradient(135deg, #FD15E6 8%, #162DFE 87%);

HEX #FD15E6 まで HEX #162DFE

CSSコード:

background-image: radial-gradient(circle, #FD15E6 3%, #162DFE 90%);

HEX #162DFE まで HEX #89FD15

CSSコード:

background-image: linear-gradient(135deg, #162DFE 6%, #89FD15 87%);

HEX #162DFE まで HEX #89FD15

CSSコード:

background-image: radial-gradient(circle, #162DFE 0%, #89FD15 94%);

HEX #89FD15 まで HEX #162DFE

CSSコード:

background-image: linear-gradient(135deg, #89FD15 1%, #162DFE 94%);

HEX #89FD15 まで HEX #162DFE

CSSコード:

background-image: radial-gradient(circle, #89FD15 5%, #162DFE 98%);

からの2色グラデーション RGB 22 45 254 - トライアディックカラー

リニア

HEX #162DFE まで HEX #FD152C

CSSコード:

background-image: linear-gradient(135deg, #162DFE 2%, #FD152C 98%);

ラジアル

HEX #162DFE まで HEX #FD152C

CSSコード:

background-image: radial-gradient(circle, #162DFE 12%, #FD152C 87%);

HEX #FD152C まで HEX #162DFE

CSSコード:

background-image: linear-gradient(135deg, #FD152C 9%, #162DFE 86%);

HEX #FD152C まで HEX #162DFE

CSSコード:

background-image: radial-gradient(circle, #FD152C 4%, #162DFE 87%);

HEX #162DFE まで HEX #2CFD15

CSSコード:

background-image: linear-gradient(135deg, #162DFE 1%, #2CFD15 90%);

HEX #162DFE まで HEX #2CFD15

CSSコード:

background-image: radial-gradient(circle, #162DFE 11%, #2CFD15 86%);

HEX #2CFD15 まで HEX #162DFE

CSSコード:

background-image: linear-gradient(135deg, #2CFD15 13%, #162DFE 93%);

HEX #2CFD15 まで HEX #162DFE

CSSコード:

background-image: radial-gradient(circle, #2CFD15 4%, #162DFE 94%);

からの2色グラデーション RGB 22 45 254 - 長方形（四分子）カラー

リニア

HEX #162DFE まで HEX #FD15E6

CSSコード:

background-image: linear-gradient(135deg, #162DFE 3%, #FD15E6 91%);

ラジアル

HEX #162DFE まで HEX #FD15E6

CSSコード:

background-image: radial-gradient(circle, #162DFE 3%, #FD15E6 95%);

HEX #FD15E6 まで HEX #162DFE

CSSコード:

background-image: linear-gradient(135deg, #FD15E6 6%, #162DFE 90%);

HEX #FD15E6 まで HEX #162DFE

CSSコード:

background-image: radial-gradient(circle, #FD15E6 12%, #162DFE 92%);

HEX #162DFE まで HEX #FDE615

CSSコード:

background-image: linear-gradient(135deg, #162DFE 12%, #FDE615 90%);

HEX #162DFE まで HEX #FDE615

CSSコード:

background-image: radial-gradient(circle, #162DFE 9%, #FDE615 88%);

HEX #FDE615 まで HEX #162DFE

CSSコード:

background-image: linear-gradient(135deg, #FDE615 1%, #162DFE 98%);

HEX #FDE615 まで HEX #162DFE

CSSコード:

background-image: radial-gradient(circle, #FDE615 12%, #162DFE 89%);

HEX #162DFE まで HEX #15FD2C

CSSコード:

background-image: linear-gradient(135deg, #162DFE 7%, #15FD2C 97%);

HEX #162DFE まで HEX #15FD2C

CSSコード:

background-image: radial-gradient(circle, #162DFE 11%, #15FD2C 95%);

HEX #15FD2C まで HEX #162DFE

CSSコード:

background-image: linear-gradient(135deg, #15FD2C 8%, #162DFE 86%);

HEX #15FD2C まで HEX #162DFE

CSSコード:

background-image: radial-gradient(circle, #15FD2C 5%, #162DFE 92%);

からの2色グラデーション RGB 22 45 254 - スクエアカラー

リニア

HEX #162DFE まで HEX #FD15A0

CSSコード:

background-image: linear-gradient(135deg, #162DFE 4%, #FD15A0 89%);

ラジアル

HEX #162DFE まで HEX #FD15A0

CSSコード:

background-image: radial-gradient(circle, #162DFE 3%, #FD15A0 95%);

HEX #FD15A0 まで HEX #162DFE

CSSコード:

background-image: linear-gradient(135deg, #FD15A0 0%, #162DFE 92%);

HEX #FD15A0 まで HEX #162DFE

CSSコード:

background-image: radial-gradient(circle, #FD15A0 11%, #162DFE 95%);

HEX #162DFE まで HEX #FDE615

CSSコード:

background-image: linear-gradient(135deg, #162DFE 8%, #FDE615 93%);

HEX #162DFE まで HEX #FDE615

CSSコード:

background-image: radial-gradient(circle, #162DFE 0%, #FDE615 89%);

HEX #FDE615 まで HEX #162DFE

CSSコード:

background-image: linear-gradient(135deg, #FDE615 9%, #162DFE 95%);

HEX #FDE615 まで HEX #162DFE

CSSコード:

background-image: radial-gradient(circle, #FDE615 3%, #162DFE 96%);

HEX #162DFE まで HEX #15FD72

CSSコード:

background-image: linear-gradient(135deg, #162DFE 4%, #15FD72 100%);

HEX #162DFE まで HEX #15FD72

CSSコード:

background-image: radial-gradient(circle, #162DFE 4%, #15FD72 95%);

HEX #15FD72 まで HEX #162DFE

CSSコード:

background-image: linear-gradient(135deg, #15FD72 11%, #162DFE 88%);

HEX #15FD72 まで HEX #162DFE

CSSコード:

background-image: radial-gradient(circle, #15FD72 10%, #162DFE 95%);

カラーパレットをもっと見る

サービス内容

カラー

ラグビーに呪咀

から変換する RGB レッド・グリーン・ブルーまで #RRGGBB

ラグビーにカミーユ

から変換する RGB レッド・グリーン・ブルーまで CMYK シアン／マゼンタ／イエロー／キー

ラグビーにラル®

から変換する RGB レッド・グリーン・ブルーまで RAL® 番号 (RAL 0000)

ラグビーに豚足®

から変換する RGB レッド・グリーン・ブルーまで HKS® 番号(HKS 00)

ラグビーにパントン®

から変換する RGB レッド・グリーン・ブルーまで Pantone® 番号 (Pantone 0000)

ラグビーにシャーウィン・ウィリアムズ®

から変換する RGB レッド・グリーン・ブルーまでシャーウィン・ウィリアムズ® 番号 (SW 0000)

ラグビーにエヌシーエス®

から変換する RGB レッド・グリーン・ブルーまで NCS番号(S0000-X00X)

ラグバに呪咀

から変換する RGBA 赤緑青透過率まで #RRGGBB

ラグバにカミーユ

から変換する RGBA 赤緑青透過率まで CMYK シアン／マゼンタ／イエロー／キー

ラグバにラル®

から変換する RGBA 赤緑青透過率まで RAL® 番号 (RAL 0000)

ラグバに豚足®

から変換する RGBA 赤緑青透過率まで HKS® 番号(HKS 00)

ラグバにパントン®

から変換する RGBA 赤緑青透過率まで Pantone® 番号 (Pantone 0000)

ラグバにシャーウィン・ウィリアムズ®

から変換する RGBA 赤緑青透過率までシャーウィン・ウィリアムズ® 番号 (SW 0000)

ラグバにエヌシーエス®

から変換する RGBA 赤緑青透過率まで NCS番号(S0000-X00X)

カミーユに呪咀

から変換する CMYK シアン／マゼンタ／イエロー／キーまで #RRGGBB

カミーユにラグビー

から変換する CMYK シアン／マゼンタ／イエロー／キーまで RGB レッド・グリーン・ブルー

カミーユにラグバ

から変換する CMYK シアン／マゼンタ／イエロー／キーまで RGBA 赤緑青透過率

カミーユにラル®

から変換する CMYK シアン／マゼンタ／イエロー／キーまで RAL® 番号 (RAL 0000)

カミーユに豚足®

から変換する CMYK シアン／マゼンタ／イエロー／キーまで HKS® 番号(HKS 00)

カミーユにパントン®

から変換する CMYK シアン／マゼンタ／イエロー／キーまで Pantone® 番号 (Pantone 0000)

カミーユにシャーウィン・ウィリアムズ®

から変換する CMYK シアン／マゼンタ／イエロー／キーまでシャーウィン・ウィリアムズ® 番号 (SW 0000)

カミーユにエヌシーエス®

から変換する CMYK シアン／マゼンタ／イエロー／キーまで NCS番号(S0000-X00X)

呪咀にラグビー

から変換する #RRGGBB まで RGB レッド・グリーン・ブルー

呪咀にラグバ

から変換する #RRGGBB まで RGBA 赤緑青透過率

呪咀にカミーユ

から変換する #RRGGBB まで CMYK シアン／マゼンタ／イエロー／キー

呪咀にラル®

から変換する #RRGGBB まで RAL® 番号 (RAL 0000)

呪咀に豚足®

から変換する #RRGGBB まで HKS® 番号(HKS 00)

呪咀にパントン®

から変換する #RRGGBB まで Pantone® 番号 (Pantone 0000)

呪咀にシャーウィン・ウィリアムズ®

から変換する #RRGGBB までシャーウィン・ウィリアムズ® 番号 (SW 0000)

呪咀にエヌシーエス®

から変換する #RRGGBB まで NCS番号(S0000-X00X)

ラル® にラグビー

から変換する RAL® 番号 (RAL 0000) まで RGB レッド・グリーン・ブルー

ラル® にラグバ

から変換する RAL® 番号 (RAL 0000) まで RGBA 赤緑青透過率

ラル® にカミーユ

から変換する RAL® 番号 (RAL 0000) まで CMYK シアン／マゼンタ／イエロー／キー

ラル® に呪咀

から変換する RAL® 番号 (RAL 0000) まで #RRGGBB

ラル® に豚足®

から変換する RAL® 番号 (RAL 0000) まで HKS® 番号(HKS 00)

ラル® にパントン®

から変換する RAL® 番号 (RAL 0000) まで Pantone® 番号 (Pantone 0000)

ラル® にシャーウィン・ウィリアムズ®

から変換する RAL® 番号 (RAL 0000) までシャーウィン・ウィリアムズ® 番号 (SW 0000)

ラル® にエヌシーエス®

から変換する RAL® 番号 (RAL 0000) まで NCS番号(S0000-X00X)

豚足® にラグビー

から変換する HKS® 番号(HKS 00) まで RGB レッド・グリーン・ブルー

豚足® にラグバ

から変換する HKS® 番号(HKS 00) まで RGBA 赤緑青透過率

豚足® にカミーユ

から変換する HKS® 番号(HKS 00) まで CMYK シアン／マゼンタ／イエロー／キー

豚足® に呪咀

から変換する HKS® 番号(HKS 00) まで #RRGGBB

豚足® にラル®

から変換する HKS® 番号(HKS 00) まで RAL® 番号 (RAL 0000)

豚足® にパントン®

から変換する HKS® 番号(HKS 00) まで Pantone® 番号 (Pantone 0000)

豚足® にシャーウィン・ウィリアムズ®

から変換する HKS® 番号(HKS 00) までシャーウィン・ウィリアムズ® 番号 (SW 0000)

豚足® にエヌシーエス®

から変換する HKS® 番号(HKS 00) まで NCS番号(S0000-X00X)

パントン® にラグビー

から変換する Pantone® 番号 (Pantone 0000) まで RGB レッド・グリーン・ブルー

パントン® にラグバ

から変換する Pantone® 番号 (Pantone 0000) まで RGBA 赤緑青透過率

パントン® にカミーユ

から変換する Pantone® 番号 (Pantone 0000) まで CMYK シアン／マゼンタ／イエロー／キー

パントン® に呪咀

から変換する Pantone® 番号 (Pantone 0000) まで #RRGGBB

パントン® にラル®

から変換する Pantone® 番号 (Pantone 0000) まで RAL® 番号 (RAL 0000)

パントン® に豚足®

から変換する Pantone® 番号 (Pantone 0000) まで HKS® 番号(HKS 00)

パントン® にシャーウィン・ウィリアムズ®

から変換する Pantone® 番号 (Pantone 0000) までシャーウィン・ウィリアムズ® 番号 (SW 0000)

パントン® にエヌシーエス®

から変換する Pantone® 番号 (Pantone 0000) まで NCS番号(S0000-X00X)

シャーウィン・ウィリアムズ® にラグビー

から変換するシャーウィン・ウィリアムズ® 番号 (SW 0000) まで RGB レッド・グリーン・ブルー

シャーウィン・ウィリアムズ® にラグバ

から変換するシャーウィン・ウィリアムズ® 番号 (SW 0000) まで RGBA 赤緑青透過率

シャーウィン・ウィリアムズ® にカミーユ

から変換するシャーウィン・ウィリアムズ® 番号 (SW 0000) まで CMYK シアン／マゼンタ／イエロー／キー

シャーウィン・ウィリアムズ® に呪咀

から変換するシャーウィン・ウィリアムズ® 番号 (SW 0000) まで #RRGGBB

シャーウィン・ウィリアムズ® にラル®

から変換するシャーウィン・ウィリアムズ® 番号 (SW 0000) まで RAL® 番号 (RAL 0000)

シャーウィン・ウィリアムズ® に豚足®

から変換するシャーウィン・ウィリアムズ® 番号 (SW 0000) まで HKS® 番号(HKS 00)

シャーウィン・ウィリアムズ® にパントン®

から変換するシャーウィン・ウィリアムズ® 番号 (SW 0000) まで Pantone® 番号 (Pantone 0000)

シャーウィン・ウィリアムズ® にエヌシーエス®

から変換するシャーウィン・ウィリアムズ® 番号 (SW 0000) まで NCS番号(S0000-X00X)

エヌシーエス® にラグビー

から変換する NCS番号(S0000-X00X) まで RGB レッド・グリーン・ブルー

エヌシーエス® にラグバ

から変換する NCS番号(S0000-X00X) まで RGBA 赤緑青透過率

エヌシーエス® にカミーユ

から変換する NCS番号(S0000-X00X) まで CMYK シアン／マゼンタ／イエロー／キー

エヌシーエス® に呪咀

から変換する NCS番号(S0000-X00X) まで #RRGGBB

エヌシーエス® にラル®

から変換する NCS番号(S0000-X00X) まで RAL® 番号 (RAL 0000)

エヌシーエス® に豚足®

から変換する NCS番号(S0000-X00X) まで HKS® 番号(HKS 00)

エヌシーエス® にパントン®

から変換する NCS番号(S0000-X00X) まで Pantone® 番号 (Pantone 0000)

To be able to save color palettes, you must be logged in.

Sign in to your account

or

Create an account

Current color palette Share
Should it be public or private?
Link(s) will follow after sharing.

Public

Cancel Share

Color palette shared
Please copy and save the link you want.

Share

View

OK, I have copied the links

Your colors will be saved in a new color palette.
View it under your profile.
You can further customize it, and share it.

Show color palette

Close

Create a color palette

DownloadDownload in different formats

By clicking you can create palettes and download the color swatches.

The quick Converter and color manager.
The powerful color database for designers and agencies.

Solutions

Create CSS gradient

Create color palettes

Image to color palettes

Color of the week

Manufacturer colors

Project

About qConv.com

Designer

Tutorials & FAQ's

Manufacturer colors

Become a member

Legal