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

✕

CSS グラデーション:
#CAAB6B

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

イラストでは、赤（上）、緑（右下）、青（左下）の3つの成分で色が構成されていることがわかりますね。真ん中にあるのは、結果の色です。
202 171 107 R G B
CMYK表色系では、色は次のように構成される。この色調では、最大色成分100のうち、それぞれ 皆無 シアン 15 マゼンタ 47 黄色と 21

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

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

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

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

レッツゴー

リニア

HEX #CAAB6B まで HEX #355494


CSSコード:

background-image: linear-gradient(135deg, #CAAB6B 3%, #355494 89%);

ラジアル

HEX #CAAB6B まで HEX #355494


CSSコード:

background-image: radial-gradient(circle, #CAAB6B 3%, #355494 90%);

 

HEX #355494 まで HEX #CAAB6B


CSSコード:

background-image: linear-gradient(135deg, #355494 7%, #CAAB6B 88%);

 

HEX #355494 まで HEX #CAAB6B


CSSコード:

background-image: radial-gradient(circle, #355494 11%, #CAAB6B 92%);

リニア

HEX #CAAB6B まで HEX #CA926C


CSSコード:

background-image: linear-gradient(135deg, #CAAB6B 1%, #CA926C 97%);

ラジアル

HEX #CAAB6B まで HEX #CA926C


CSSコード:

background-image: radial-gradient(circle, #CAAB6B 11%, #CA926C 92%);

 

HEX #CA926C まで HEX #CAAB6B


CSSコード:

background-image: linear-gradient(135deg, #CA926C 7%, #CAAB6B 93%);

 

HEX #CA926C まで HEX #CAAB6B


CSSコード:

background-image: radial-gradient(circle, #CA926C 8%, #CAAB6B 90%);

 

HEX #CAAB6B まで HEX #CAAB6C


CSSコード:

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

 

HEX #CAAB6B まで HEX #CAAB6C


CSSコード:

background-image: radial-gradient(circle, #CAAB6B 14%, #CAAB6C 91%);

 

HEX #CAAB6C まで HEX #CAAB6B


CSSコード:

background-image: linear-gradient(135deg, #CAAB6C 11%, #CAAB6B 96%);

 

HEX #CAAB6C まで HEX #CAAB6B


CSSコード:

background-image: radial-gradient(circle, #CAAB6C 7%, #CAAB6B 93%);

 

HEX #CAAB6B まで HEX #CAC46C


CSSコード:

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

 

HEX #CAAB6B まで HEX #CAC46C


CSSコード:

background-image: radial-gradient(circle, #CAAB6B 2%, #CAC46C 95%);

 

HEX #CAC46C まで HEX #CAAB6B


CSSコード:

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

 

HEX #CAC46C まで HEX #CAAB6B


CSSコード:

background-image: radial-gradient(circle, #CAC46C 5%, #CAAB6B 92%);

 

HEX #CAAB6B まで HEX #B7CA6C


CSSコード:

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

 

HEX #CAAB6B まで HEX #B7CA6C


CSSコード:

background-image: radial-gradient(circle, #CAAB6B 0%, #B7CA6C 92%);

 

HEX #B7CA6C まで HEX #CAAB6B


CSSコード:

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

 

HEX #B7CA6C まで HEX #CAAB6B


CSSコード:

background-image: radial-gradient(circle, #B7CA6C 10%, #CAAB6B 90%);

リニア

HEX #CAAB6B まで HEX #BF9A4E


CSSコード:

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

ラジアル

HEX #CAAB6B まで HEX #BF9A4E


CSSコード:

background-image: radial-gradient(circle, #CAAB6B 1%, #BF9A4E 96%);

 

HEX #BF9A4E まで HEX #CAAB6B


CSSコード:

background-image: linear-gradient(135deg, #BF9A4E 1%, #CAAB6B 97%);

 

HEX #BF9A4E まで HEX #CAAB6B


CSSコード:

background-image: radial-gradient(circle, #BF9A4E 8%, #CAAB6B 90%);

 

HEX #CAAB6B まで HEX #CAAB6C


CSSコード:

background-image: linear-gradient(135deg, #CAAB6B 9%, #CAAB6C 87%);

 

HEX #CAAB6B まで HEX #CAAB6C


CSSコード:

background-image: radial-gradient(circle, #CAAB6B 9%, #CAAB6C 86%);

 

HEX #CAAB6C まで HEX #CAAB6B


CSSコード:

background-image: linear-gradient(135deg, #CAAB6C 9%, #CAAB6B 95%);

 

HEX #CAAB6C まで HEX #CAAB6B


CSSコード:

background-image: radial-gradient(circle, #CAAB6C 8%, #CAAB6B 93%);

 

HEX #CAAB6B まで HEX #D5BD8B


CSSコード:

background-image: linear-gradient(135deg, #CAAB6B 5%, #D5BD8B 94%);

 

HEX #CAAB6B まで HEX #D5BD8B


CSSコード:

background-image: radial-gradient(circle, #CAAB6B 9%, #D5BD8B 90%);

 

HEX #D5BD8B まで HEX #CAAB6B


CSSコード:

background-image: linear-gradient(135deg, #D5BD8B 5%, #CAAB6B 97%);

 

HEX #D5BD8B まで HEX #CAAB6B


CSSコード:

background-image: radial-gradient(circle, #D5BD8B 10%, #CAAB6B 93%);

 

HEX #CAAB6B まで HEX #E0CEA9


CSSコード:

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

 

HEX #CAAB6B まで HEX #E0CEA9


CSSコード:

background-image: radial-gradient(circle, #CAAB6B 10%, #E0CEA9 90%);

 

HEX #E0CEA9 まで HEX #CAAB6B


CSSコード:

background-image: linear-gradient(135deg, #E0CEA9 9%, #CAAB6B 91%);

 

HEX #E0CEA9 まで HEX #CAAB6B


CSSコード:

background-image: radial-gradient(circle, #E0CEA9 3%, #CAAB6B 97%);

リニア

HEX #CAAB6B まで HEX #CA926C


CSSコード:

background-image: linear-gradient(135deg, #CAAB6B 0%, #CA926C 99%);

ラジアル

HEX #CAAB6B まで HEX #CA926C


CSSコード:

background-image: radial-gradient(circle, #CAAB6B 7%, #CA926C 86%);

 

HEX #CA926C まで HEX #CAAB6B


CSSコード:

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

 

HEX #CA926C まで HEX #CAAB6B


CSSコード:

background-image: radial-gradient(circle, #CA926C 8%, #CAAB6B 94%);

 

HEX #CAAB6B まで HEX #CAAB6C


CSSコード:

background-image: linear-gradient(135deg, #CAAB6B 0%, #CAAB6C 100%);

 

HEX #CAAB6B まで HEX #CAAB6C


CSSコード:

background-image: radial-gradient(circle, #CAAB6B 1%, #CAAB6C 100%);

 

HEX #CAAB6C まで HEX #CAAB6B


CSSコード:

background-image: linear-gradient(135deg, #CAAB6C 12%, #CAAB6B 89%);

 

HEX #CAAB6C まで HEX #CAAB6B


CSSコード:

background-image: radial-gradient(circle, #CAAB6C 10%, #CAAB6B 88%);

 

HEX #CAAB6B まで HEX #CAC46C


CSSコード:

background-image: linear-gradient(135deg, #CAAB6B 1%, #CAC46C 100%);

 

HEX #CAAB6B まで HEX #CAC46C


CSSコード:

background-image: radial-gradient(circle, #CAAB6B 13%, #CAC46C 98%);

 

HEX #CAC46C まで HEX #CAAB6B


CSSコード:

background-image: linear-gradient(135deg, #CAC46C 12%, #CAAB6B 94%);

 

HEX #CAC46C まで HEX #CAAB6B


CSSコード:

background-image: radial-gradient(circle, #CAC46C 8%, #CAAB6B 100%);

 

HEX #CAAB6B まで HEX #B7CA6C


CSSコード:

background-image: linear-gradient(135deg, #CAAB6B 14%, #B7CA6C 92%);

 

HEX #CAAB6B まで HEX #B7CA6C


CSSコード:

background-image: radial-gradient(circle, #CAAB6B 8%, #B7CA6C 96%);

 

HEX #B7CA6C まで HEX #CAAB6B


CSSコード:

background-image: linear-gradient(135deg, #B7CA6C 11%, #CAAB6B 86%);

 

HEX #B7CA6C まで HEX #CAAB6B


CSSコード:

background-image: radial-gradient(circle, #B7CA6C 3%, #CAAB6B 95%);

リニア

HEX #CAAB6B まで HEX #BF9A4E


CSSコード:

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

ラジアル

HEX #CAAB6B まで HEX #BF9A4E


CSSコード:

background-image: radial-gradient(circle, #CAAB6B 14%, #BF9A4E 99%);

 

HEX #BF9A4E まで HEX #CAAB6B


CSSコード:

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

 

HEX #BF9A4E まで HEX #CAAB6B


CSSコード:

background-image: radial-gradient(circle, #BF9A4E 5%, #CAAB6B 93%);

 

HEX #CAAB6B まで HEX #CAAB6C


CSSコード:

background-image: linear-gradient(135deg, #CAAB6B 7%, #CAAB6C 90%);

 

HEX #CAAB6B まで HEX #CAAB6C


CSSコード:

background-image: radial-gradient(circle, #CAAB6B 11%, #CAAB6C 87%);

 

HEX #CAAB6C まで HEX #CAAB6B


CSSコード:

background-image: linear-gradient(135deg, #CAAB6C 7%, #CAAB6B 86%);

 

HEX #CAAB6C まで HEX #CAAB6B


CSSコード:

background-image: radial-gradient(circle, #CAAB6C 1%, #CAAB6B 94%);

 

HEX #CAAB6B まで HEX #D5BD8B


CSSコード:

background-image: linear-gradient(135deg, #CAAB6B 12%, #D5BD8B 87%);

 

HEX #CAAB6B まで HEX #D5BD8B


CSSコード:

background-image: radial-gradient(circle, #CAAB6B 0%, #D5BD8B 98%);

 

HEX #D5BD8B まで HEX #CAAB6B


CSSコード:

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

 

HEX #D5BD8B まで HEX #CAAB6B


CSSコード:

background-image: radial-gradient(circle, #D5BD8B 11%, #CAAB6B 100%);

 

HEX #CAAB6B まで HEX #E0CEA9


CSSコード:

background-image: linear-gradient(135deg, #CAAB6B 6%, #E0CEA9 96%);

 

HEX #CAAB6B まで HEX #E0CEA9


CSSコード:

background-image: radial-gradient(circle, #CAAB6B 1%, #E0CEA9 89%);

 

HEX #E0CEA9 まで HEX #CAAB6B


CSSコード:

background-image: linear-gradient(135deg, #E0CEA9 11%, #CAAB6B 92%);

 

HEX #E0CEA9 まで HEX #CAAB6B


CSSコード:

background-image: radial-gradient(circle, #E0CEA9 6%, #CAAB6B 100%);

リニア

HEX #CAAB6B まで HEX #79CA6C


CSSコード:

background-image: linear-gradient(135deg, #CAAB6B 14%, #79CA6C 90%);

ラジアル

HEX #CAAB6B まで HEX #79CA6C


CSSコード:

background-image: radial-gradient(circle, #CAAB6B 2%, #79CA6C 92%);

 

HEX #79CA6C まで HEX #CAAB6B


CSSコード:

background-image: linear-gradient(135deg, #79CA6C 10%, #CAAB6B 92%);

 

HEX #79CA6C まで HEX #CAAB6B


CSSコード:

background-image: radial-gradient(circle, #79CA6C 5%, #CAAB6B 88%);

 

HEX #CAAB6B まで HEX #856CCA


CSSコード:

background-image: linear-gradient(135deg, #CAAB6B 9%, #856CCA 97%);

 

HEX #CAAB6B まで HEX #856CCA


CSSコード:

background-image: radial-gradient(circle, #CAAB6B 1%, #856CCA 99%);

 

HEX #856CCA まで HEX #CAAB6B


CSSコード:

background-image: linear-gradient(135deg, #856CCA 4%, #CAAB6B 88%);

 

HEX #856CCA まで HEX #CAAB6B


CSSコード:

background-image: radial-gradient(circle, #856CCA 9%, #CAAB6B 94%);

リニア

HEX #CAAB6B まで HEX #6CCAAB


CSSコード:

background-image: linear-gradient(135deg, #CAAB6B 4%, #6CCAAB 92%);

ラジアル

HEX #CAAB6B まで HEX #6CCAAB


CSSコード:

background-image: radial-gradient(circle, #CAAB6B 4%, #6CCAAB 94%);

 

HEX #6CCAAB まで HEX #CAAB6B


CSSコード:

background-image: linear-gradient(135deg, #6CCAAB 7%, #CAAB6B 95%);

 

HEX #6CCAAB まで HEX #CAAB6B


CSSコード:

background-image: radial-gradient(circle, #6CCAAB 13%, #CAAB6B 99%);

 

HEX #CAAB6B まで HEX #AB6CCA


CSSコード:

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

 

HEX #CAAB6B まで HEX #AB6CCA


CSSコード:

background-image: radial-gradient(circle, #CAAB6B 5%, #AB6CCA 86%);

 

HEX #AB6CCA まで HEX #CAAB6B


CSSコード:

background-image: linear-gradient(135deg, #AB6CCA 9%, #CAAB6B 97%);

 

HEX #AB6CCA まで HEX #CAAB6B


CSSコード:

background-image: radial-gradient(circle, #AB6CCA 1%, #CAAB6B 91%);

リニア

HEX #CAAB6B まで HEX #79CA6C


CSSコード:

background-image: linear-gradient(135deg, #CAAB6B 6%, #79CA6C 92%);

ラジアル

HEX #CAAB6B まで HEX #79CA6C


CSSコード:

background-image: radial-gradient(circle, #CAAB6B 2%, #79CA6C 96%);

 

HEX #79CA6C まで HEX #CAAB6B


CSSコード:

background-image: linear-gradient(135deg, #79CA6C 5%, #CAAB6B 87%);

 

HEX #79CA6C まで HEX #CAAB6B


CSSコード:

background-image: radial-gradient(circle, #79CA6C 4%, #CAAB6B 90%);

 

HEX #CAAB6B まで HEX #6C8BCA


CSSコード:

background-image: linear-gradient(135deg, #CAAB6B 0%, #6C8BCA 88%);

 

HEX #CAAB6B まで HEX #6C8BCA


CSSコード:

background-image: radial-gradient(circle, #CAAB6B 13%, #6C8BCA 91%);

 

HEX #6C8BCA まで HEX #CAAB6B


CSSコード:

background-image: linear-gradient(135deg, #6C8BCA 5%, #CAAB6B 94%);

 

HEX #6C8BCA まで HEX #CAAB6B


CSSコード:

background-image: radial-gradient(circle, #6C8BCA 3%, #CAAB6B 89%);

 

HEX #CAAB6B まで HEX #BD6CCA


CSSコード:

background-image: linear-gradient(135deg, #CAAB6B 9%, #BD6CCA 94%);

 

HEX #CAAB6B まで HEX #BD6CCA


CSSコード:

background-image: radial-gradient(circle, #CAAB6B 14%, #BD6CCA 97%);

 

HEX #BD6CCA まで HEX #CAAB6B


CSSコード:

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

 

HEX #BD6CCA まで HEX #CAAB6B


CSSコード:

background-image: radial-gradient(circle, #BD6CCA 9%, #CAAB6B 92%);

リニア

HEX #CAAB6B まで HEX #6CCA7C


CSSコード:

background-image: linear-gradient(135deg, #CAAB6B 5%, #6CCA7C 96%);

ラジアル

HEX #CAAB6B まで HEX #6CCA7C


CSSコード:

background-image: radial-gradient(circle, #CAAB6B 0%, #6CCA7C 92%);

 

HEX #6CCA7C まで HEX #CAAB6B


CSSコード:

background-image: linear-gradient(135deg, #6CCA7C 13%, #CAAB6B 94%);

 

HEX #6CCA7C まで HEX #CAAB6B


CSSコード:

background-image: radial-gradient(circle, #6CCA7C 11%, #CAAB6B 90%);

 

HEX #CAAB6B まで HEX #6C8BCA


CSSコード:

background-image: linear-gradient(135deg, #CAAB6B 7%, #6C8BCA 87%);

 

HEX #CAAB6B まで HEX #6C8BCA


CSSコード:

background-image: radial-gradient(circle, #CAAB6B 11%, #6C8BCA 94%);

 

HEX #6C8BCA まで HEX #CAAB6B


CSSコード:

background-image: linear-gradient(135deg, #6C8BCA 3%, #CAAB6B 91%);

 

HEX #6C8BCA まで HEX #CAAB6B


CSSコード:

background-image: radial-gradient(circle, #6C8BCA 3%, #CAAB6B 98%);

 

HEX #CAAB6B まで HEX #CA6CBA


CSSコード:

background-image: linear-gradient(135deg, #CAAB6B 1%, #CA6CBA 90%);

 

HEX #CAAB6B まで HEX #CA6CBA


CSSコード:

background-image: radial-gradient(circle, #CAAB6B 6%, #CA6CBA 95%);

 

HEX #CA6CBA まで HEX #CAAB6B


CSSコード:

background-image: linear-gradient(135deg, #CA6CBA 9%, #CAAB6B 98%);

 

HEX #CA6CBA まで HEX #CAAB6B


CSSコード:

background-image: radial-gradient(circle, #CA6CBA 10%, #CAAB6B 98%);

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

サービス内容

カラー

ラグビー に 呪咀

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

ラグビー に カミーユ

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

Icons

ラグビー に ラル®

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

ラグビー に 豚足®

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

ラグビー に パントン®

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

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

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

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

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

nsc-logo

ラグバ に 呪咀

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

ラグバ に カミーユ

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

Icons

ラグバ に ラル®

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

ラグバ に 豚足®

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

ラグバ に パントン®

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

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

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

ラグバ に エヌシーエス®

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

nsc-logo
Icons

カミーユ に 呪咀

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

カミーユ に ラグビー

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

カミーユ に ラグバ

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

カミーユ に ラル®

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

カミーユ に 豚足®

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

カミーユ に パントン®

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

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

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

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

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

nsc-logo

呪咀 に ラグビー

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

呪咀 に ラグバ

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

呪咀 に カミーユ

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

Icons

呪咀 に ラル®

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

呪咀 に 豚足®

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

呪咀 に パントン®

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

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

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

呪咀 に エヌシーエス®

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

nsc-logo

ラル® に ラグビー

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

ラル® に ラグバ

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

ラル® に カミーユ

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

Icons

ラル® に 呪咀

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

nsc-logo

豚足® に ラグビー

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

豚足® に ラグバ

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

豚足® に カミーユ

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

Icons

豚足® に 呪咀

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

nsc-logo

パントン® に ラグビー

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

パントン® に ラグバ

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

パントン® に カミーユ

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

Icons

パントン® に 呪咀

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

nsc-logo

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

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

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

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

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

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

Icons

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

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

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

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

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

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

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

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

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

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

nsc-logo
nsc-logo

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

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

エヌシーエス® に ラグバ

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

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

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

Icons
nsc-logo

エヌシーエス® に 呪咀

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

エヌシーエス® に ラル®

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

エヌシーエス® に 豚足®

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

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

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

Cancel Share

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

Share

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

Remove All

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

© 2019-2025 - Designed by frag-bobby.de