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

✕

CSS グラデーション:
#FF933C

インフォメーション

一網打尽

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

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

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

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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

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

レッツゴー

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

リニア

HEX #FF933C まで HEX #006CC3

CSSコード:

background-image: linear-gradient(135deg, #FF933C 11%, #006CC3 96%);

ラジアル

HEX #FF933C まで HEX #006CC3

CSSコード:

background-image: radial-gradient(circle, #FF933C 1%, #006CC3 95%);

HEX #006CC3 まで HEX #FF933C

CSSコード:

background-image: linear-gradient(135deg, #006CC3 7%, #FF933C 96%);

HEX #006CC3 まで HEX #FF933C

CSSコード:

background-image: radial-gradient(circle, #006CC3 1%, #FF933C 87%);

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

リニア

HEX #FF933C まで HEX #FF5D3D

CSSコード:

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

ラジアル

HEX #FF933C まで HEX #FF5D3D

CSSコード:

background-image: radial-gradient(circle, #FF933C 4%, #FF5D3D 96%);

HEX #FF5D3D まで HEX #FF933C

CSSコード:

background-image: linear-gradient(135deg, #FF5D3D 14%, #FF933C 96%);

HEX #FF5D3D まで HEX #FF933C

CSSコード:

background-image: radial-gradient(circle, #FF5D3D 6%, #FF933C 96%);

HEX #FF933C まで HEX #FF913D

CSSコード:

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

HEX #FF933C まで HEX #FF913D

CSSコード:

background-image: radial-gradient(circle, #FF933C 12%, #FF913D 87%);

HEX #FF913D まで HEX #FF933C

CSSコード:

background-image: linear-gradient(135deg, #FF913D 10%, #FF933C 92%);

HEX #FF913D まで HEX #FF933C

CSSコード:

background-image: radial-gradient(circle, #FF913D 4%, #FF933C 92%);

HEX #FF933C まで HEX #FFC43D

CSSコード:

background-image: linear-gradient(135deg, #FF933C 4%, #FFC43D 94%);

HEX #FF933C まで HEX #FFC43D

CSSコード:

background-image: radial-gradient(circle, #FF933C 7%, #FFC43D 95%);

HEX #FFC43D まで HEX #FF933C

CSSコード:

background-image: linear-gradient(135deg, #FFC43D 1%, #FF933C 92%);

HEX #FFC43D まで HEX #FF933C

CSSコード:

background-image: radial-gradient(circle, #FFC43D 3%, #FF933C 96%);

HEX #FF933C まで HEX #FFF83D

CSSコード:

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

HEX #FF933C まで HEX #FFF83D

CSSコード:

background-image: radial-gradient(circle, #FF933C 10%, #FFF83D 88%);

HEX #FFF83D まで HEX #FF933C

CSSコード:

background-image: linear-gradient(135deg, #FFF83D 14%, #FF933C 100%);

HEX #FFF83D まで HEX #FF933C

CSSコード:

background-image: radial-gradient(circle, #FFF83D 7%, #FF933C 100%);

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

リニア

HEX #FF933C まで HEX #FF7C13

CSSコード:

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

ラジアル

HEX #FF933C まで HEX #FF7C13

CSSコード:

background-image: radial-gradient(circle, #FF933C 2%, #FF7C13 92%);

HEX #FF7C13 まで HEX #FF933C

CSSコード:

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

HEX #FF7C13 まで HEX #FF933C

CSSコード:

background-image: radial-gradient(circle, #FF7C13 12%, #FF933C 93%);

HEX #FF933C まで HEX #FF933D

CSSコード:

background-image: linear-gradient(135deg, #FF933C 10%, #FF933D 93%);

HEX #FF933C まで HEX #FF933D

CSSコード:

background-image: radial-gradient(circle, #FF933C 9%, #FF933D 95%);

HEX #FF933D まで HEX #FF933C

CSSコード:

background-image: linear-gradient(135deg, #FF933D 8%, #FF933C 86%);

HEX #FF933D まで HEX #FF933C

CSSコード:

background-image: radial-gradient(circle, #FF933D 1%, #FF933C 89%);

HEX #FF933C まで HEX #FFAA66

CSSコード:

background-image: linear-gradient(135deg, #FF933C 13%, #FFAA66 91%);

HEX #FF933C まで HEX #FFAA66

CSSコード:

background-image: radial-gradient(circle, #FF933C 5%, #FFAA66 88%);

HEX #FFAA66 まで HEX #FF933C

CSSコード:

background-image: linear-gradient(135deg, #FFAA66 4%, #FF933C 90%);

HEX #FFAA66 まで HEX #FF933C

CSSコード:

background-image: radial-gradient(circle, #FFAA66 7%, #FF933C 97%);

HEX #FF933C まで HEX #FFC18F

CSSコード:

background-image: linear-gradient(135deg, #FF933C 13%, #FFC18F 91%);

HEX #FF933C まで HEX #FFC18F

CSSコード:

background-image: radial-gradient(circle, #FF933C 5%, #FFC18F 95%);

HEX #FFC18F まで HEX #FF933C

CSSコード:

background-image: linear-gradient(135deg, #FFC18F 3%, #FF933C 99%);

HEX #FFC18F まで HEX #FF933C

CSSコード:

background-image: radial-gradient(circle, #FFC18F 11%, #FF933C 100%);

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

リニア

HEX #FF933C まで HEX #FF5D3D

CSSコード:

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

ラジアル

HEX #FF933C まで HEX #FF5D3D

CSSコード:

background-image: radial-gradient(circle, #FF933C 13%, #FF5D3D 97%);

HEX #FF5D3D まで HEX #FF933C

CSSコード:

background-image: linear-gradient(135deg, #FF5D3D 10%, #FF933C 93%);

HEX #FF5D3D まで HEX #FF933C

CSSコード:

background-image: radial-gradient(circle, #FF5D3D 12%, #FF933C 92%);

HEX #FF933C まで HEX #FF913D

CSSコード:

background-image: linear-gradient(135deg, #FF933C 11%, #FF913D 99%);

HEX #FF933C まで HEX #FF913D

CSSコード:

background-image: radial-gradient(circle, #FF933C 14%, #FF913D 87%);

HEX #FF913D まで HEX #FF933C

CSSコード:

background-image: linear-gradient(135deg, #FF913D 8%, #FF933C 88%);

HEX #FF913D まで HEX #FF933C

CSSコード:

background-image: radial-gradient(circle, #FF913D 14%, #FF933C 88%);

HEX #FF933C まで HEX #FFC43D

CSSコード:

background-image: linear-gradient(135deg, #FF933C 11%, #FFC43D 90%);

HEX #FF933C まで HEX #FFC43D

CSSコード:

background-image: radial-gradient(circle, #FF933C 7%, #FFC43D 88%);

HEX #FFC43D まで HEX #FF933C

CSSコード:

background-image: linear-gradient(135deg, #FFC43D 4%, #FF933C 93%);

HEX #FFC43D まで HEX #FF933C

CSSコード:

background-image: radial-gradient(circle, #FFC43D 2%, #FF933C 88%);

HEX #FF933C まで HEX #FFF83D

CSSコード:

background-image: linear-gradient(135deg, #FF933C 11%, #FFF83D 91%);

HEX #FF933C まで HEX #FFF83D

CSSコード:

background-image: radial-gradient(circle, #FF933C 11%, #FFF83D 90%);

HEX #FFF83D まで HEX #FF933C

CSSコード:

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

HEX #FFF83D まで HEX #FF933C

CSSコード:

background-image: radial-gradient(circle, #FFF83D 5%, #FF933C 92%);

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

リニア

HEX #FF933C まで HEX #FF7C13

CSSコード:

background-image: linear-gradient(135deg, #FF933C 13%, #FF7C13 93%);

ラジアル

HEX #FF933C まで HEX #FF7C13

CSSコード:

background-image: radial-gradient(circle, #FF933C 7%, #FF7C13 95%);

HEX #FF7C13 まで HEX #FF933C

CSSコード:

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

HEX #FF7C13 まで HEX #FF933C

CSSコード:

background-image: radial-gradient(circle, #FF7C13 12%, #FF933C 97%);

HEX #FF933C まで HEX #FF933D

CSSコード:

background-image: linear-gradient(135deg, #FF933C 5%, #FF933D 86%);

HEX #FF933C まで HEX #FF933D

CSSコード:

background-image: radial-gradient(circle, #FF933C 7%, #FF933D 94%);

HEX #FF933D まで HEX #FF933C

CSSコード:

background-image: linear-gradient(135deg, #FF933D 5%, #FF933C 99%);

HEX #FF933D まで HEX #FF933C

CSSコード:

background-image: radial-gradient(circle, #FF933D 9%, #FF933C 100%);

HEX #FF933C まで HEX #FFAA66

CSSコード:

background-image: linear-gradient(135deg, #FF933C 6%, #FFAA66 99%);

HEX #FF933C まで HEX #FFAA66

CSSコード:

background-image: radial-gradient(circle, #FF933C 10%, #FFAA66 95%);

HEX #FFAA66 まで HEX #FF933C

CSSコード:

background-image: linear-gradient(135deg, #FFAA66 6%, #FF933C 93%);

HEX #FFAA66 まで HEX #FF933C

CSSコード:

background-image: radial-gradient(circle, #FFAA66 2%, #FF933C 98%);

HEX #FF933C まで HEX #FFC18F

CSSコード:

background-image: linear-gradient(135deg, #FF933C 8%, #FFC18F 86%);

HEX #FF933C まで HEX #FFC18F

CSSコード:

background-image: radial-gradient(circle, #FF933C 1%, #FFC18F 97%);

HEX #FFC18F まで HEX #FF933C

CSSコード:

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

HEX #FFC18F まで HEX #FF933C

CSSコード:

background-image: radial-gradient(circle, #FFC18F 2%, #FF933C 97%);

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

リニア

HEX #FF933C まで HEX #84FF3D

CSSコード:

background-image: linear-gradient(135deg, #FF933C 11%, #84FF3D 92%);

ラジアル

HEX #FF933C まで HEX #84FF3D

CSSコード:

background-image: radial-gradient(circle, #FF933C 0%, #84FF3D 93%);

HEX #84FF3D まで HEX #FF933C

CSSコード:

background-image: linear-gradient(135deg, #84FF3D 14%, #FF933C 86%);

HEX #84FF3D まで HEX #FF933C

CSSコード:

background-image: radial-gradient(circle, #84FF3D 14%, #FF933C 89%);

HEX #FF933C まで HEX #433DFF

CSSコード:

background-image: linear-gradient(135deg, #FF933C 13%, #433DFF 96%);

HEX #FF933C まで HEX #433DFF

CSSコード:

background-image: radial-gradient(circle, #FF933C 3%, #433DFF 98%);

HEX #433DFF まで HEX #FF933C

CSSコード:

background-image: linear-gradient(135deg, #433DFF 6%, #FF933C 95%);

HEX #433DFF まで HEX #FF933C

CSSコード:

background-image: radial-gradient(circle, #433DFF 9%, #FF933C 95%);

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

リニア

HEX #FF933C まで HEX #3DFF91

CSSコード:

background-image: linear-gradient(135deg, #FF933C 8%, #3DFF91 99%);

ラジアル

HEX #FF933C まで HEX #3DFF91

CSSコード:

background-image: radial-gradient(circle, #FF933C 6%, #3DFF91 94%);

HEX #3DFF91 まで HEX #FF933C

CSSコード:

background-image: linear-gradient(135deg, #3DFF91 5%, #FF933C 86%);

HEX #3DFF91 まで HEX #FF933C

CSSコード:

background-image: radial-gradient(circle, #3DFF91 8%, #FF933C 95%);

HEX #FF933C まで HEX #913DFF

CSSコード:

background-image: linear-gradient(135deg, #FF933C 9%, #913DFF 93%);

HEX #FF933C まで HEX #913DFF

CSSコード:

background-image: radial-gradient(circle, #FF933C 3%, #913DFF 92%);

HEX #913DFF まで HEX #FF933C

CSSコード:

background-image: linear-gradient(135deg, #913DFF 9%, #FF933C 91%);

HEX #913DFF まで HEX #FF933C

CSSコード:

background-image: radial-gradient(circle, #913DFF 7%, #FF933C 94%);

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

リニア

HEX #FF933C まで HEX #84FF3D

CSSコード:

background-image: linear-gradient(135deg, #FF933C 5%, #84FF3D 99%);

ラジアル

HEX #FF933C まで HEX #84FF3D

CSSコード:

background-image: radial-gradient(circle, #FF933C 13%, #84FF3D 99%);

HEX #84FF3D まで HEX #FF933C

CSSコード:

background-image: linear-gradient(135deg, #84FF3D 10%, #FF933C 98%);

HEX #84FF3D まで HEX #FF933C

CSSコード:

background-image: radial-gradient(circle, #84FF3D 6%, #FF933C 88%);

HEX #FF933C まで HEX #3DABFF

CSSコード:

background-image: linear-gradient(135deg, #FF933C 2%, #3DABFF 87%);

HEX #FF933C まで HEX #3DABFF

CSSコード:

background-image: radial-gradient(circle, #FF933C 1%, #3DABFF 99%);

HEX #3DABFF まで HEX #FF933C

CSSコード:

background-image: linear-gradient(135deg, #3DABFF 6%, #FF933C 100%);

HEX #3DABFF まで HEX #FF933C

CSSコード:

background-image: radial-gradient(circle, #3DABFF 14%, #FF933C 98%);

HEX #FF933C まで HEX #B73DFF

CSSコード:

background-image: linear-gradient(135deg, #FF933C 1%, #B73DFF 93%);

HEX #FF933C まで HEX #B73DFF

CSSコード:

background-image: radial-gradient(circle, #FF933C 7%, #B73DFF 98%);

HEX #B73DFF まで HEX #FF933C

CSSコード:

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

HEX #B73DFF まで HEX #FF933C

CSSコード:

background-image: radial-gradient(circle, #B73DFF 9%, #FF933C 100%);

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

リニア

HEX #FF933C まで HEX #4AFF3D

CSSコード:

background-image: linear-gradient(135deg, #FF933C 13%, #4AFF3D 91%);

ラジアル

HEX #FF933C まで HEX #4AFF3D

CSSコード:

background-image: radial-gradient(circle, #FF933C 1%, #4AFF3D 97%);

HEX #4AFF3D まで HEX #FF933C

CSSコード:

background-image: linear-gradient(135deg, #4AFF3D 10%, #FF933C 86%);

HEX #4AFF3D まで HEX #FF933C

CSSコード:

background-image: radial-gradient(circle, #4AFF3D 2%, #FF933C 90%);

HEX #FF933C まで HEX #3DABFF

CSSコード:

background-image: linear-gradient(135deg, #FF933C 11%, #3DABFF 88%);

HEX #FF933C まで HEX #3DABFF

CSSコード:

background-image: radial-gradient(circle, #FF933C 5%, #3DABFF 88%);

HEX #3DABFF まで HEX #FF933C

CSSコード:

background-image: linear-gradient(135deg, #3DABFF 7%, #FF933C 87%);

HEX #3DABFF まで HEX #FF933C

CSSコード:

background-image: radial-gradient(circle, #3DABFF 1%, #FF933C 93%);

HEX #FF933C まで HEX #F23DFF

CSSコード:

background-image: linear-gradient(135deg, #FF933C 10%, #F23DFF 91%);

HEX #FF933C まで HEX #F23DFF

CSSコード:

background-image: radial-gradient(circle, #FF933C 14%, #F23DFF 92%);

HEX #F23DFF まで HEX #FF933C

CSSコード:

background-image: linear-gradient(135deg, #F23DFF 12%, #FF933C 91%);

HEX #F23DFF まで HEX #FF933C

CSSコード:

background-image: radial-gradient(circle, #F23DFF 0%, #FF933C 91%);

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

サービス内容

カラー

ラグビーに呪咀

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