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

✕

CSS グラデーション:
#A825F2

インフォメーション

一網打尽

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

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

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

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

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

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

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

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

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

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

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

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

表示オプション

商品説明

この色では、マゼンタが他の色よりも際立っています。赤と青の色相を表す値は、3番目の値よりも大きい。互いに近接し、緑色の色相の値を超えている。色値が他と比較して高いため、この色合いは私たちには明るく見える。

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

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

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

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

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

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

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

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

レッツゴー

からの2色グラデーション #A825F2 - コンプリメンタリー・カラー

リニア

HEX #A825F2 まで HEX #57DA0D

CSSコード:

background-image: linear-gradient(135deg, #A825F2 5%, #57DA0D 98%);

ラジアル

HEX #A825F2 まで HEX #57DA0D

CSSコード:

background-image: radial-gradient(circle, #A825F2 10%, #57DA0D 86%);

HEX #57DA0D まで HEX #A825F2

CSSコード:

background-image: linear-gradient(135deg, #57DA0D 12%, #A825F2 100%);

HEX #57DA0D まで HEX #A825F2

CSSコード:

background-image: radial-gradient(circle, #57DA0D 9%, #A825F2 98%);

からの2色グラデーション #A825F2 - 明るい色合い

リニア

HEX #A825F2 まで HEX #7126F2

CSSコード:

background-image: linear-gradient(135deg, #A825F2 6%, #7126F2 91%);

ラジアル

HEX #A825F2 まで HEX #7126F2

CSSコード:

background-image: radial-gradient(circle, #A825F2 9%, #7126F2 91%);

HEX #7126F2 まで HEX #A825F2

CSSコード:

background-image: linear-gradient(135deg, #7126F2 12%, #A825F2 88%);

HEX #7126F2 まで HEX #A825F2

CSSコード:

background-image: radial-gradient(circle, #7126F2 7%, #A825F2 97%);

HEX #A825F2 まで HEX #A726F2

CSSコード:

background-image: linear-gradient(135deg, #A825F2 6%, #A726F2 95%);

HEX #A825F2 まで HEX #A726F2

CSSコード:

background-image: radial-gradient(circle, #A825F2 13%, #A726F2 94%);

HEX #A726F2 まで HEX #A825F2

CSSコード:

background-image: linear-gradient(135deg, #A726F2 2%, #A825F2 100%);

HEX #A726F2 まで HEX #A825F2

CSSコード:

background-image: radial-gradient(circle, #A726F2 14%, #A825F2 95%);

HEX #A825F2 まで HEX #DD26F2

CSSコード:

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

HEX #A825F2 まで HEX #DD26F2

CSSコード:

background-image: radial-gradient(circle, #A825F2 2%, #DD26F2 95%);

HEX #DD26F2 まで HEX #A825F2

CSSコード:

background-image: linear-gradient(135deg, #DD26F2 2%, #A825F2 100%);

HEX #DD26F2 まで HEX #A825F2

CSSコード:

background-image: radial-gradient(circle, #DD26F2 4%, #A825F2 94%);

HEX #A825F2 まで HEX #F226D0

CSSコード:

background-image: linear-gradient(135deg, #A825F2 0%, #F226D0 88%);

HEX #A825F2 まで HEX #F226D0

CSSコード:

background-image: radial-gradient(circle, #A825F2 3%, #F226D0 98%);

HEX #F226D0 まで HEX #A825F2

CSSコード:

background-image: linear-gradient(135deg, #F226D0 12%, #A825F2 98%);

HEX #F226D0 まで HEX #A825F2

CSSコード:

background-image: radial-gradient(circle, #F226D0 13%, #A825F2 96%);

からの2色グラデーション #A825F2 - ダークシェード

リニア

HEX #A825F2 まで HEX #950DE2

CSSコード:

background-image: linear-gradient(135deg, #A825F2 8%, #950DE2 93%);

ラジアル

HEX #A825F2 まで HEX #950DE2

CSSコード:

background-image: radial-gradient(circle, #A825F2 5%, #950DE2 92%);

HEX #950DE2 まで HEX #A825F2

CSSコード:

background-image: linear-gradient(135deg, #950DE2 5%, #A825F2 87%);

HEX #950DE2 まで HEX #A825F2

CSSコード:

background-image: radial-gradient(circle, #950DE2 9%, #A825F2 89%);

HEX #A825F2 まで HEX #A826F2

CSSコード:

background-image: linear-gradient(135deg, #A825F2 3%, #A826F2 92%);

HEX #A825F2 まで HEX #A826F2

CSSコード:

background-image: radial-gradient(circle, #A825F2 8%, #A826F2 88%);

HEX #A826F2 まで HEX #A825F2

CSSコード:

background-image: linear-gradient(135deg, #A826F2 7%, #A825F2 100%);

HEX #A826F2 まで HEX #A825F2

CSSコード:

background-image: radial-gradient(circle, #A826F2 6%, #A825F2 100%);

HEX #A825F2 まで HEX #B84DF4

CSSコード:

background-image: linear-gradient(135deg, #A825F2 8%, #B84DF4 95%);

HEX #A825F2 まで HEX #B84DF4

CSSコード:

background-image: radial-gradient(circle, #A825F2 14%, #B84DF4 86%);

HEX #B84DF4 まで HEX #A825F2

CSSコード:

background-image: linear-gradient(135deg, #B84DF4 6%, #A825F2 91%);

HEX #B84DF4 まで HEX #A825F2

CSSコード:

background-image: radial-gradient(circle, #B84DF4 13%, #A825F2 97%);

HEX #A825F2 まで HEX #C774F6

CSSコード:

background-image: linear-gradient(135deg, #A825F2 14%, #C774F6 89%);

HEX #A825F2 まで HEX #C774F6

CSSコード:

background-image: radial-gradient(circle, #A825F2 14%, #C774F6 87%);

HEX #C774F6 まで HEX #A825F2

CSSコード:

background-image: linear-gradient(135deg, #C774F6 6%, #A825F2 88%);

HEX #C774F6 まで HEX #A825F2

CSSコード:

background-image: radial-gradient(circle, #C774F6 2%, #A825F2 94%);

からの2色グラデーション #A825F2 - アナログカラー

リニア

HEX #A825F2 まで HEX #7126F2

CSSコード:

background-image: linear-gradient(135deg, #A825F2 2%, #7126F2 97%);

ラジアル

HEX #A825F2 まで HEX #7126F2

CSSコード:

background-image: radial-gradient(circle, #A825F2 14%, #7126F2 90%);

HEX #7126F2 まで HEX #A825F2

CSSコード:

background-image: linear-gradient(135deg, #7126F2 13%, #A825F2 95%);

HEX #7126F2 まで HEX #A825F2

CSSコード:

background-image: radial-gradient(circle, #7126F2 14%, #A825F2 98%);

HEX #A825F2 まで HEX #A726F2

CSSコード:

background-image: linear-gradient(135deg, #A825F2 4%, #A726F2 100%);

HEX #A825F2 まで HEX #A726F2

CSSコード:

background-image: radial-gradient(circle, #A825F2 5%, #A726F2 98%);

HEX #A726F2 まで HEX #A825F2

CSSコード:

background-image: linear-gradient(135deg, #A726F2 11%, #A825F2 89%);

HEX #A726F2 まで HEX #A825F2

CSSコード:

background-image: radial-gradient(circle, #A726F2 3%, #A825F2 88%);

HEX #A825F2 まで HEX #DD26F2

CSSコード:

background-image: linear-gradient(135deg, #A825F2 14%, #DD26F2 95%);

HEX #A825F2 まで HEX #DD26F2

CSSコード:

background-image: radial-gradient(circle, #A825F2 12%, #DD26F2 94%);

HEX #DD26F2 まで HEX #A825F2

CSSコード:

background-image: linear-gradient(135deg, #DD26F2 13%, #A825F2 92%);

HEX #DD26F2 まで HEX #A825F2

CSSコード:

background-image: radial-gradient(circle, #DD26F2 8%, #A825F2 94%);

HEX #A825F2 まで HEX #F226D0

CSSコード:

background-image: linear-gradient(135deg, #A825F2 14%, #F226D0 98%);

HEX #A825F2 まで HEX #F226D0

CSSコード:

background-image: radial-gradient(circle, #A825F2 0%, #F226D0 92%);

HEX #F226D0 まで HEX #A825F2

CSSコード:

background-image: linear-gradient(135deg, #F226D0 14%, #A825F2 99%);

HEX #F226D0 まで HEX #A825F2

CSSコード:

background-image: radial-gradient(circle, #F226D0 10%, #A825F2 90%);

からの2色グラデーション #A825F2 - モノクロームカラー

リニア

HEX #A825F2 まで HEX #950DE2

CSSコード:

background-image: linear-gradient(135deg, #A825F2 8%, #950DE2 90%);

ラジアル

HEX #A825F2 まで HEX #950DE2

CSSコード:

background-image: radial-gradient(circle, #A825F2 12%, #950DE2 96%);

HEX #950DE2 まで HEX #A825F2

CSSコード:

background-image: linear-gradient(135deg, #950DE2 14%, #A825F2 94%);

HEX #950DE2 まで HEX #A825F2

CSSコード:

background-image: radial-gradient(circle, #950DE2 9%, #A825F2 91%);

HEX #A825F2 まで HEX #A826F2

CSSコード:

background-image: linear-gradient(135deg, #A825F2 4%, #A826F2 88%);

HEX #A825F2 まで HEX #A826F2

CSSコード:

background-image: radial-gradient(circle, #A825F2 11%, #A826F2 96%);

HEX #A826F2 まで HEX #A825F2

CSSコード:

background-image: linear-gradient(135deg, #A826F2 14%, #A825F2 91%);

HEX #A826F2 まで HEX #A825F2

CSSコード:

background-image: radial-gradient(circle, #A826F2 11%, #A825F2 86%);

HEX #A825F2 まで HEX #B84DF4

CSSコード:

background-image: linear-gradient(135deg, #A825F2 12%, #B84DF4 96%);

HEX #A825F2 まで HEX #B84DF4

CSSコード:

background-image: radial-gradient(circle, #A825F2 14%, #B84DF4 86%);

HEX #B84DF4 まで HEX #A825F2

CSSコード:

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

HEX #B84DF4 まで HEX #A825F2

CSSコード:

background-image: radial-gradient(circle, #B84DF4 12%, #A825F2 93%);

HEX #A825F2 まで HEX #C774F6

CSSコード:

background-image: linear-gradient(135deg, #A825F2 13%, #C774F6 90%);

HEX #A825F2 まで HEX #C774F6

CSSコード:

background-image: radial-gradient(circle, #A825F2 8%, #C774F6 90%);

HEX #C774F6 まで HEX #A825F2

CSSコード:

background-image: linear-gradient(135deg, #C774F6 0%, #A825F2 93%);

HEX #C774F6 まで HEX #A825F2

CSSコード:

background-image: radial-gradient(circle, #C774F6 4%, #A825F2 87%);

からの2色グラデーション #A825F2 - 部分補色

リニア

HEX #A825F2 まで HEX #F22648

CSSコード:

background-image: linear-gradient(135deg, #A825F2 8%, #F22648 87%);

ラジアル

HEX #A825F2 まで HEX #F22648

CSSコード:

background-image: radial-gradient(circle, #A825F2 12%, #F22648 89%);

HEX #F22648 まで HEX #A825F2

CSSコード:

background-image: linear-gradient(135deg, #F22648 14%, #A825F2 87%);

HEX #F22648 まで HEX #A825F2

CSSコード:

background-image: radial-gradient(circle, #F22648 10%, #A825F2 100%);

HEX #A825F2 まで HEX #26F255

CSSコード:

background-image: linear-gradient(135deg, #A825F2 0%, #26F255 94%);

HEX #A825F2 まで HEX #26F255

CSSコード:

background-image: radial-gradient(circle, #A825F2 4%, #26F255 94%);

HEX #26F255 まで HEX #A825F2

CSSコード:

background-image: linear-gradient(135deg, #26F255 2%, #A825F2 86%);

HEX #26F255 まで HEX #A825F2

CSSコード:

background-image: radial-gradient(circle, #26F255 12%, #A825F2 93%);

からの2色グラデーション #A825F2 - トライアディックカラー

リニア

HEX #A825F2 まで HEX #F2A726

CSSコード:

background-image: linear-gradient(135deg, #A825F2 13%, #F2A726 97%);

ラジアル

HEX #A825F2 まで HEX #F2A726

CSSコード:

background-image: radial-gradient(circle, #A825F2 13%, #F2A726 86%);

HEX #F2A726 まで HEX #A825F2

CSSコード:

background-image: linear-gradient(135deg, #F2A726 1%, #A825F2 96%);

HEX #F2A726 まで HEX #A825F2

CSSコード:

background-image: radial-gradient(circle, #F2A726 10%, #A825F2 99%);

HEX #A825F2 まで HEX #26F2A7

CSSコード:

background-image: linear-gradient(135deg, #A825F2 13%, #26F2A7 93%);

HEX #A825F2 まで HEX #26F2A7

CSSコード:

background-image: radial-gradient(circle, #A825F2 4%, #26F2A7 89%);

HEX #26F2A7 まで HEX #A825F2

CSSコード:

background-image: linear-gradient(135deg, #26F2A7 5%, #A825F2 88%);

HEX #26F2A7 まで HEX #A825F2

CSSコード:

background-image: radial-gradient(circle, #26F2A7 11%, #A825F2 86%);

からの2色グラデーション #A825F2 - 長方形（四分子）カラー

リニア

HEX #A825F2 まで HEX #F22648

CSSコード:

background-image: linear-gradient(135deg, #A825F2 7%, #F22648 92%);

ラジアル

HEX #A825F2 まで HEX #F22648

CSSコード:

background-image: radial-gradient(circle, #A825F2 2%, #F22648 87%);

HEX #F22648 まで HEX #A825F2

CSSコード:

background-image: linear-gradient(135deg, #F22648 0%, #A825F2 91%);

HEX #F22648 まで HEX #A825F2

CSSコード:

background-image: radial-gradient(circle, #F22648 3%, #A825F2 92%);

HEX #A825F2 まで HEX #71F226

CSSコード:

background-image: linear-gradient(135deg, #A825F2 12%, #71F226 96%);

HEX #A825F2 まで HEX #71F226

CSSコード:

background-image: radial-gradient(circle, #A825F2 11%, #71F226 99%);

HEX #71F226 まで HEX #A825F2

CSSコード:

background-image: linear-gradient(135deg, #71F226 11%, #A825F2 88%);

HEX #71F226 まで HEX #A825F2

CSSコード:

background-image: radial-gradient(circle, #71F226 12%, #A825F2 88%);

HEX #A825F2 まで HEX #26F2D0

CSSコード:

background-image: linear-gradient(135deg, #A825F2 0%, #26F2D0 91%);

HEX #A825F2 まで HEX #26F2D0

CSSコード:

background-image: radial-gradient(circle, #A825F2 10%, #26F2D0 94%);

HEX #26F2D0 まで HEX #A825F2

CSSコード:

background-image: linear-gradient(135deg, #26F2D0 13%, #A825F2 99%);

HEX #26F2D0 まで HEX #A825F2

CSSコード:

background-image: radial-gradient(circle, #26F2D0 10%, #A825F2 92%);

からの2色グラデーション #A825F2 - スクエアカラー

リニア

HEX #A825F2 まで HEX #F24126

CSSコード:

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

ラジアル

HEX #A825F2 まで HEX #F24126

CSSコード:

background-image: radial-gradient(circle, #A825F2 11%, #F24126 95%);

HEX #F24126 まで HEX #A825F2

CSSコード:

background-image: linear-gradient(135deg, #F24126 13%, #A825F2 97%);

HEX #F24126 まで HEX #A825F2

CSSコード:

background-image: radial-gradient(circle, #F24126 10%, #A825F2 100%);

HEX #A825F2 まで HEX #71F226

CSSコード:

background-image: linear-gradient(135deg, #A825F2 11%, #71F226 97%);

HEX #A825F2 まで HEX #71F226

CSSコード:

background-image: radial-gradient(circle, #A825F2 13%, #71F226 93%);

HEX #71F226 まで HEX #A825F2

CSSコード:

background-image: linear-gradient(135deg, #71F226 14%, #A825F2 95%);

HEX #71F226 まで HEX #A825F2

CSSコード:

background-image: radial-gradient(circle, #71F226 8%, #A825F2 88%);

HEX #A825F2 まで HEX #26D7F2

CSSコード:

background-image: linear-gradient(135deg, #A825F2 10%, #26D7F2 91%);

HEX #A825F2 まで HEX #26D7F2

CSSコード:

background-image: radial-gradient(circle, #A825F2 7%, #26D7F2 88%);

HEX #26D7F2 まで HEX #A825F2

CSSコード:

background-image: linear-gradient(135deg, #26D7F2 6%, #A825F2 88%);

HEX #26D7F2 まで HEX #A825F2

CSSコード:

background-image: radial-gradient(circle, #26D7F2 12%, #A825F2 96%);

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

サービス内容

カラー

ラグビーに呪咀

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