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

✕

CSS グラデーション:
RGB 165 171 66

インフォメーション

一網打尽

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

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

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

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

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

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

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

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

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

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

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

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

表示オプション

商品説明

色値が他と比較して高いため、この色合いは私たちには明るく見える。

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

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

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

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

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

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

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

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

レッツゴー

からの2色グラデーション RGB 165 171 66 - コンプリメンタリー・カラー

リニア

HEX #A5AB42 まで HEX #5A54BD

CSSコード:

background-image: linear-gradient(135deg, #A5AB42 14%, #5A54BD 94%);

ラジアル

HEX #A5AB42 まで HEX #5A54BD

CSSコード:

background-image: radial-gradient(circle, #A5AB42 6%, #5A54BD 96%);

HEX #5A54BD まで HEX #A5AB42

CSSコード:

background-image: linear-gradient(135deg, #5A54BD 8%, #A5AB42 100%);

HEX #5A54BD まで HEX #A5AB42

CSSコード:

background-image: radial-gradient(circle, #5A54BD 3%, #A5AB42 93%);

からの2色グラデーション RGB 165 171 66 - 明るい色合い

リニア

HEX #A5AB42 まで HEX #A89241

CSSコード:

background-image: linear-gradient(135deg, #A5AB42 11%, #A89241 87%);

ラジアル

HEX #A5AB42 まで HEX #A89241

CSSコード:

background-image: radial-gradient(circle, #A5AB42 4%, #A89241 86%);

HEX #A89241 まで HEX #A5AB42

CSSコード:

background-image: linear-gradient(135deg, #A89241 13%, #A5AB42 100%);

HEX #A89241 まで HEX #A5AB42

CSSコード:

background-image: radial-gradient(circle, #A89241 6%, #A5AB42 91%);

HEX #A5AB42 まで HEX #A3A841

CSSコード:

background-image: linear-gradient(135deg, #A5AB42 4%, #A3A841 96%);

HEX #A5AB42 まで HEX #A3A841

CSSコード:

background-image: radial-gradient(circle, #A5AB42 11%, #A3A841 97%);

HEX #A3A841 まで HEX #A5AB42

CSSコード:

background-image: linear-gradient(135deg, #A3A841 5%, #A5AB42 98%);

HEX #A3A841 まで HEX #A5AB42

CSSコード:

background-image: radial-gradient(circle, #A3A841 12%, #A5AB42 99%);

HEX #A5AB42 まで HEX #88A841

CSSコード:

background-image: linear-gradient(135deg, #A5AB42 7%, #88A841 91%);

HEX #A5AB42 まで HEX #88A841

CSSコード:

background-image: radial-gradient(circle, #A5AB42 12%, #88A841 98%);

HEX #88A841 まで HEX #A5AB42

CSSコード:

background-image: linear-gradient(135deg, #88A841 9%, #A5AB42 96%);

HEX #88A841 まで HEX #A5AB42

CSSコード:

background-image: radial-gradient(circle, #88A841 1%, #A5AB42 98%);

HEX #A5AB42 まで HEX #6CA841

CSSコード:

background-image: linear-gradient(135deg, #A5AB42 12%, #6CA841 97%);

HEX #A5AB42 まで HEX #6CA841

CSSコード:

background-image: radial-gradient(circle, #A5AB42 10%, #6CA841 86%);

HEX #6CA841 まで HEX #A5AB42

CSSコード:

background-image: linear-gradient(135deg, #6CA841 3%, #A5AB42 97%);

HEX #6CA841 まで HEX #A5AB42

CSSコード:

background-image: radial-gradient(circle, #6CA841 10%, #A5AB42 92%);

からの2色グラデーション RGB 165 171 66 - ダークシェード

リニア

HEX #A5AB42 まで HEX #868B36

CSSコード:

background-image: linear-gradient(135deg, #A5AB42 7%, #868B36 98%);

ラジアル

HEX #A5AB42 まで HEX #868B36

CSSコード:

background-image: radial-gradient(circle, #A5AB42 0%, #868B36 86%);

HEX #868B36 まで HEX #A5AB42

CSSコード:

background-image: linear-gradient(135deg, #868B36 10%, #A5AB42 99%);

HEX #868B36 まで HEX #A5AB42

CSSコード:

background-image: radial-gradient(circle, #868B36 0%, #A5AB42 91%);

HEX #A5AB42 まで HEX #A3A841

CSSコード:

background-image: linear-gradient(135deg, #A5AB42 5%, #A3A841 92%);

HEX #A5AB42 まで HEX #A3A841

CSSコード:

background-image: radial-gradient(circle, #A5AB42 1%, #A3A841 86%);

HEX #A3A841 まで HEX #A5AB42

CSSコード:

background-image: linear-gradient(135deg, #A3A841 8%, #A5AB42 98%);

HEX #A3A841 まで HEX #A5AB42

CSSコード:

background-image: radial-gradient(circle, #A3A841 1%, #A5AB42 89%);

HEX #A5AB42 まで HEX #B7BD56

CSSコード:

background-image: linear-gradient(135deg, #A5AB42 10%, #B7BD56 95%);

HEX #A5AB42 まで HEX #B7BD56

CSSコード:

background-image: radial-gradient(circle, #A5AB42 6%, #B7BD56 100%);

HEX #B7BD56 まで HEX #A5AB42

CSSコード:

background-image: linear-gradient(135deg, #B7BD56 12%, #A5AB42 93%);

HEX #B7BD56 まで HEX #A5AB42

CSSコード:

background-image: radial-gradient(circle, #B7BD56 6%, #A5AB42 99%);

HEX #A5AB42 まで HEX #C4C874

CSSコード:

background-image: linear-gradient(135deg, #A5AB42 8%, #C4C874 91%);

HEX #A5AB42 まで HEX #C4C874

CSSコード:

background-image: radial-gradient(circle, #A5AB42 8%, #C4C874 98%);

HEX #C4C874 まで HEX #A5AB42

CSSコード:

background-image: linear-gradient(135deg, #C4C874 12%, #A5AB42 88%);

HEX #C4C874 まで HEX #A5AB42

CSSコード:

background-image: radial-gradient(circle, #C4C874 9%, #A5AB42 96%);

からの2色グラデーション RGB 165 171 66 - アナログカラー

リニア

HEX #A5AB42 まで HEX #A89241

CSSコード:

background-image: linear-gradient(135deg, #A5AB42 2%, #A89241 88%);

ラジアル

HEX #A5AB42 まで HEX #A89241

CSSコード:

background-image: radial-gradient(circle, #A5AB42 1%, #A89241 100%);

HEX #A89241 まで HEX #A5AB42

CSSコード:

background-image: linear-gradient(135deg, #A89241 8%, #A5AB42 89%);

HEX #A89241 まで HEX #A5AB42

CSSコード:

background-image: radial-gradient(circle, #A89241 7%, #A5AB42 98%);

HEX #A5AB42 まで HEX #A3A841

CSSコード:

background-image: linear-gradient(135deg, #A5AB42 1%, #A3A841 88%);

HEX #A5AB42 まで HEX #A3A841

CSSコード:

background-image: radial-gradient(circle, #A5AB42 2%, #A3A841 98%);

HEX #A3A841 まで HEX #A5AB42

CSSコード:

background-image: linear-gradient(135deg, #A3A841 9%, #A5AB42 88%);

HEX #A3A841 まで HEX #A5AB42

CSSコード:

background-image: radial-gradient(circle, #A3A841 10%, #A5AB42 95%);

HEX #A5AB42 まで HEX #88A841

CSSコード:

background-image: linear-gradient(135deg, #A5AB42 7%, #88A841 86%);

HEX #A5AB42 まで HEX #88A841

CSSコード:

background-image: radial-gradient(circle, #A5AB42 3%, #88A841 88%);

HEX #88A841 まで HEX #A5AB42

CSSコード:

background-image: linear-gradient(135deg, #88A841 13%, #A5AB42 92%);

HEX #88A841 まで HEX #A5AB42

CSSコード:

background-image: radial-gradient(circle, #88A841 3%, #A5AB42 88%);

HEX #A5AB42 まで HEX #6CA841

CSSコード:

background-image: linear-gradient(135deg, #A5AB42 7%, #6CA841 91%);

HEX #A5AB42 まで HEX #6CA841

CSSコード:

background-image: radial-gradient(circle, #A5AB42 9%, #6CA841 95%);

HEX #6CA841 まで HEX #A5AB42

CSSコード:

background-image: linear-gradient(135deg, #6CA841 14%, #A5AB42 96%);

HEX #6CA841 まで HEX #A5AB42

CSSコード:

background-image: radial-gradient(circle, #6CA841 13%, #A5AB42 89%);

からの2色グラデーション RGB 165 171 66 - モノクロームカラー

リニア

HEX #A5AB42 まで HEX #868B36

CSSコード:

background-image: linear-gradient(135deg, #A5AB42 9%, #868B36 91%);

ラジアル

HEX #A5AB42 まで HEX #868B36

CSSコード:

background-image: radial-gradient(circle, #A5AB42 11%, #868B36 92%);

HEX #868B36 まで HEX #A5AB42

CSSコード:

background-image: linear-gradient(135deg, #868B36 1%, #A5AB42 92%);

HEX #868B36 まで HEX #A5AB42

CSSコード:

background-image: radial-gradient(circle, #868B36 10%, #A5AB42 87%);

HEX #A5AB42 まで HEX #A3A841

CSSコード:

background-image: linear-gradient(135deg, #A5AB42 5%, #A3A841 96%);

HEX #A5AB42 まで HEX #A3A841

CSSコード:

background-image: radial-gradient(circle, #A5AB42 7%, #A3A841 86%);

HEX #A3A841 まで HEX #A5AB42

CSSコード:

background-image: linear-gradient(135deg, #A3A841 7%, #A5AB42 91%);

HEX #A3A841 まで HEX #A5AB42

CSSコード:

background-image: radial-gradient(circle, #A3A841 14%, #A5AB42 94%);

HEX #A5AB42 まで HEX #B7BD56

CSSコード:

background-image: linear-gradient(135deg, #A5AB42 7%, #B7BD56 87%);

HEX #A5AB42 まで HEX #B7BD56

CSSコード:

background-image: radial-gradient(circle, #A5AB42 8%, #B7BD56 98%);

HEX #B7BD56 まで HEX #A5AB42

CSSコード:

background-image: linear-gradient(135deg, #B7BD56 8%, #A5AB42 94%);

HEX #B7BD56 まで HEX #A5AB42

CSSコード:

background-image: radial-gradient(circle, #B7BD56 5%, #A5AB42 94%);

HEX #A5AB42 まで HEX #C4C874

CSSコード:

background-image: linear-gradient(135deg, #A5AB42 3%, #C4C874 100%);

HEX #A5AB42 まで HEX #C4C874

CSSコード:

background-image: radial-gradient(circle, #A5AB42 8%, #C4C874 87%);

HEX #C4C874 まで HEX #A5AB42

CSSコード:

background-image: linear-gradient(135deg, #C4C874 9%, #A5AB42 96%);

HEX #C4C874 まで HEX #A5AB42

CSSコード:

background-image: radial-gradient(circle, #C4C874 9%, #A5AB42 92%);

からの2色グラデーション RGB 165 171 66 - 部分補色

リニア

HEX #A5AB42 まで HEX #41A85B

CSSコード:

background-image: linear-gradient(135deg, #A5AB42 11%, #41A85B 90%);

ラジアル

HEX #A5AB42 まで HEX #41A85B

CSSコード:

background-image: radial-gradient(circle, #A5AB42 2%, #41A85B 90%);

HEX #41A85B まで HEX #A5AB42

CSSコード:

background-image: linear-gradient(135deg, #41A85B 5%, #A5AB42 89%);

HEX #41A85B まで HEX #A5AB42

CSSコード:

background-image: radial-gradient(circle, #41A85B 12%, #A5AB42 99%);

HEX #A5AB42 まで HEX #8441A8

CSSコード:

background-image: linear-gradient(135deg, #A5AB42 5%, #8441A8 95%);

HEX #A5AB42 まで HEX #8441A8

CSSコード:

background-image: radial-gradient(circle, #A5AB42 7%, #8441A8 90%);

HEX #8441A8 まで HEX #A5AB42

CSSコード:

background-image: linear-gradient(135deg, #8441A8 2%, #A5AB42 97%);

HEX #8441A8 まで HEX #A5AB42

CSSコード:

background-image: radial-gradient(circle, #8441A8 2%, #A5AB42 95%);

からの2色グラデーション RGB 165 171 66 - トライアディックカラー

リニア

HEX #A5AB42 まで HEX #41A3A8

CSSコード:

background-image: linear-gradient(135deg, #A5AB42 8%, #41A3A8 95%);

ラジアル

HEX #A5AB42 まで HEX #41A3A8

CSSコード:

background-image: radial-gradient(circle, #A5AB42 4%, #41A3A8 99%);

HEX #41A3A8 まで HEX #A5AB42

CSSコード:

background-image: linear-gradient(135deg, #41A3A8 7%, #A5AB42 88%);

HEX #41A3A8 まで HEX #A5AB42

CSSコード:

background-image: radial-gradient(circle, #41A3A8 2%, #A5AB42 90%);

HEX #A5AB42 まで HEX #A841A3

CSSコード:

background-image: linear-gradient(135deg, #A5AB42 7%, #A841A3 97%);

HEX #A5AB42 まで HEX #A841A3

CSSコード:

background-image: radial-gradient(circle, #A5AB42 4%, #A841A3 93%);

HEX #A841A3 まで HEX #A5AB42

CSSコード:

background-image: linear-gradient(135deg, #A841A3 3%, #A5AB42 87%);

HEX #A841A3 まで HEX #A5AB42

CSSコード:

background-image: radial-gradient(circle, #A841A3 11%, #A5AB42 92%);

からの2色グラデーション RGB 165 171 66 - 長方形（四分子）カラー

リニア

HEX #A5AB42 まで HEX #41A85B

CSSコード:

background-image: linear-gradient(135deg, #A5AB42 3%, #41A85B 99%);

ラジアル

HEX #A5AB42 まで HEX #41A85B

CSSコード:

background-image: radial-gradient(circle, #A5AB42 7%, #41A85B 99%);

HEX #41A85B まで HEX #A5AB42

CSSコード:

background-image: linear-gradient(135deg, #41A85B 4%, #A5AB42 86%);

HEX #41A85B まで HEX #A5AB42

CSSコード:

background-image: radial-gradient(circle, #41A85B 3%, #A5AB42 91%);

HEX #A5AB42 まで HEX #4641A8

CSSコード:

background-image: linear-gradient(135deg, #A5AB42 8%, #4641A8 93%);

HEX #A5AB42 まで HEX #4641A8

CSSコード:

background-image: radial-gradient(circle, #A5AB42 13%, #4641A8 91%);

HEX #4641A8 まで HEX #A5AB42

CSSコード:

background-image: linear-gradient(135deg, #4641A8 11%, #A5AB42 98%);

HEX #4641A8 まで HEX #A5AB42

CSSコード:

background-image: radial-gradient(circle, #4641A8 4%, #A5AB42 94%);

HEX #A5AB42 まで HEX #A8418F

CSSコード:

background-image: linear-gradient(135deg, #A5AB42 10%, #A8418F 96%);

HEX #A5AB42 まで HEX #A8418F

CSSコード:

background-image: radial-gradient(circle, #A5AB42 13%, #A8418F 94%);

HEX #A8418F まで HEX #A5AB42

CSSコード:

background-image: linear-gradient(135deg, #A8418F 7%, #A5AB42 94%);

HEX #A8418F まで HEX #A5AB42

CSSコード:

background-image: radial-gradient(circle, #A8418F 9%, #A5AB42 97%);

からの2色グラデーション RGB 165 171 66 - スクエアカラー

リニア

HEX #A5AB42 まで HEX #41A87A

CSSコード:

background-image: linear-gradient(135deg, #A5AB42 1%, #41A87A 94%);

ラジアル

HEX #A5AB42 まで HEX #41A87A

CSSコード:

background-image: radial-gradient(circle, #A5AB42 13%, #41A87A 97%);

HEX #41A87A まで HEX #A5AB42

CSSコード:

background-image: linear-gradient(135deg, #41A87A 12%, #A5AB42 90%);

HEX #41A87A まで HEX #A5AB42

CSSコード:

background-image: radial-gradient(circle, #41A87A 7%, #A5AB42 90%);

HEX #A5AB42 まで HEX #4641A8

CSSコード:

background-image: linear-gradient(135deg, #A5AB42 9%, #4641A8 87%);

HEX #A5AB42 まで HEX #4641A8

CSSコード:

background-image: radial-gradient(circle, #A5AB42 13%, #4641A8 99%);

HEX #4641A8 まで HEX #A5AB42

CSSコード:

background-image: linear-gradient(135deg, #4641A8 9%, #A5AB42 91%);

HEX #4641A8 まで HEX #A5AB42

CSSコード:

background-image: radial-gradient(circle, #4641A8 12%, #A5AB42 91%);

HEX #A5AB42 まで HEX #A84170

CSSコード:

background-image: linear-gradient(135deg, #A5AB42 1%, #A84170 99%);

HEX #A5AB42 まで HEX #A84170

CSSコード:

background-image: radial-gradient(circle, #A5AB42 11%, #A84170 92%);

HEX #A84170 まで HEX #A5AB42

CSSコード:

background-image: linear-gradient(135deg, #A84170 5%, #A5AB42 89%);

HEX #A84170 まで HEX #A5AB42

CSSコード:

background-image: radial-gradient(circle, #A84170 12%, #A5AB42 86%);

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

サービス内容

カラー

ラグビーに呪咀

から変換する 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