提供期間 APIが拡張されました。

新しいAPI V3.0: 特別価格でAPIを入手できます。今すぐアクセスしてください。ウェブプロジェクト、プラグイン、社内ツール、SaaSアプリケーションに最適です。2025-10-21 から 2025-11-21 (23:59 CET) まで有効です。

APIパッケージと価格 X

CSS グラデーション:
RGB 237 140 74

インフォメーション

一網打尽



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

ウェブデザインのためのシンプルさ:あなたのウェブサイトに簡単に統合できるように、CSSコードをコピーしてください。



線形および放射状の色遷移の例を 明るい色合い から見つけてください。

Web デザインに最適: CSS コードをコピーして、Web サイトに簡単に統合できます。



線形および放射状の色遷移の例を ダークシェード から見つけてください。

Web デザインに最適: CSS コードをコピーして、Web サイトに簡単に統合できます。

表示オプション

商品説明

明るい色:高い色彩値は明るい印象を与える。

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

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

イラストでは、赤(上)、緑(右下)、青(左下)の3つの成分で色が構成されていることがわかりますね。真ん中にあるのは、結果の色です。
237 140 74 R G B
CMYK表色系では、色は次のように構成される。この色調では、最大色成分100のうち、それぞれ 皆無 シアン 41 マゼンタ 69 黄色と 7 これらの色の混合比によって、重なり合った部分の真ん中に表示される色合いとなります。

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

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

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

レッツゴー

リニア

HEX #ED8C4A まで HEX #1273B5


CSSコード:

background-image: linear-gradient(135deg, #ED8C4A 12%, #1273B5 93%);

ラジアル

HEX #ED8C4A まで HEX #1273B5


CSSコード:

background-image: radial-gradient(circle, #ED8C4A 11%, #1273B5 100%);

 

HEX #1273B5 まで HEX #ED8C4A


CSSコード:

background-image: linear-gradient(135deg, #1273B5 4%, #ED8C4A 95%);

 

HEX #1273B5 まで HEX #ED8C4A


CSSコード:

background-image: radial-gradient(circle, #1273B5 6%, #ED8C4A 89%);

リニア

HEX #ED8C4A まで HEX #ED604A


CSSコード:

background-image: linear-gradient(135deg, #ED8C4A 12%, #ED604A 97%);

ラジアル

HEX #ED8C4A まで HEX #ED604A


CSSコード:

background-image: radial-gradient(circle, #ED8C4A 0%, #ED604A 92%);

 

HEX #ED604A まで HEX #ED8C4A


CSSコード:

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

 

HEX #ED604A まで HEX #ED8C4A


CSSコード:

background-image: radial-gradient(circle, #ED604A 2%, #ED8C4A 88%);

 

HEX #ED8C4A まで HEX #ED8B4A


CSSコード:

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

 

HEX #ED8C4A まで HEX #ED8B4A


CSSコード:

background-image: radial-gradient(circle, #ED8C4A 9%, #ED8B4A 91%);

 

HEX #ED8B4A まで HEX #ED8C4A


CSSコード:

background-image: linear-gradient(135deg, #ED8B4A 12%, #ED8C4A 90%);

 

HEX #ED8B4A まで HEX #ED8C4A


CSSコード:

background-image: radial-gradient(circle, #ED8B4A 11%, #ED8C4A 96%);

 

HEX #ED8C4A まで HEX #EDB74A


CSSコード:

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

 

HEX #ED8C4A まで HEX #EDB74A


CSSコード:

background-image: radial-gradient(circle, #ED8C4A 6%, #EDB74A 96%);

 

HEX #EDB74A まで HEX #ED8C4A


CSSコード:

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

 

HEX #EDB74A まで HEX #ED8C4A


CSSコード:

background-image: radial-gradient(circle, #EDB74A 3%, #ED8C4A 98%);

 

HEX #ED8C4A まで HEX #EDE24A


CSSコード:

background-image: linear-gradient(135deg, #ED8C4A 2%, #EDE24A 91%);

 

HEX #ED8C4A まで HEX #EDE24A


CSSコード:

background-image: radial-gradient(circle, #ED8C4A 3%, #EDE24A 94%);

 

HEX #EDE24A まで HEX #ED8C4A


CSSコード:

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

 

HEX #EDE24A まで HEX #ED8C4A


CSSコード:

background-image: radial-gradient(circle, #EDE24A 1%, #ED8C4A 98%);

リニア

HEX #ED8C4A まで HEX #E97424


CSSコード:

background-image: linear-gradient(135deg, #ED8C4A 10%, #E97424 94%);

ラジアル

HEX #ED8C4A まで HEX #E97424


CSSコード:

background-image: radial-gradient(circle, #ED8C4A 8%, #E97424 92%);

 

HEX #E97424 まで HEX #ED8C4A


CSSコード:

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

 

HEX #E97424 まで HEX #ED8C4A


CSSコード:

background-image: radial-gradient(circle, #E97424 14%, #ED8C4A 87%);

 

HEX #ED8C4A まで HEX #F1A470


CSSコード:

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

 

HEX #ED8C4A まで HEX #F1A470


CSSコード:

background-image: radial-gradient(circle, #ED8C4A 4%, #F1A470 99%);

 

HEX #F1A470 まで HEX #ED8C4A


CSSコード:

background-image: linear-gradient(135deg, #F1A470 0%, #ED8C4A 87%);

 

HEX #F1A470 まで HEX #ED8C4A


CSSコード:

background-image: radial-gradient(circle, #F1A470 0%, #ED8C4A 94%);

 

HEX #ED8C4A まで HEX #F5BC95


CSSコード:

background-image: linear-gradient(135deg, #ED8C4A 2%, #F5BC95 89%);

 

HEX #ED8C4A まで HEX #F5BC95


CSSコード:

background-image: radial-gradient(circle, #ED8C4A 9%, #F5BC95 92%);

 

HEX #F5BC95 まで HEX #ED8C4A


CSSコード:

background-image: linear-gradient(135deg, #F5BC95 13%, #ED8C4A 95%);

 

HEX #F5BC95 まで HEX #ED8C4A


CSSコード:

background-image: radial-gradient(circle, #F5BC95 1%, #ED8C4A 86%);

リニア

HEX #ED8C4A まで HEX #ED604A


CSSコード:

background-image: linear-gradient(135deg, #ED8C4A 10%, #ED604A 88%);

ラジアル

HEX #ED8C4A まで HEX #ED604A


CSSコード:

background-image: radial-gradient(circle, #ED8C4A 7%, #ED604A 93%);

 

HEX #ED604A まで HEX #ED8C4A


CSSコード:

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

 

HEX #ED604A まで HEX #ED8C4A


CSSコード:

background-image: radial-gradient(circle, #ED604A 4%, #ED8C4A 95%);

 

HEX #ED8C4A まで HEX #ED8B4A


CSSコード:

background-image: linear-gradient(135deg, #ED8C4A 11%, #ED8B4A 94%);

 

HEX #ED8C4A まで HEX #ED8B4A


CSSコード:

background-image: radial-gradient(circle, #ED8C4A 14%, #ED8B4A 95%);

 

HEX #ED8B4A まで HEX #ED8C4A


CSSコード:

background-image: linear-gradient(135deg, #ED8B4A 6%, #ED8C4A 89%);

 

HEX #ED8B4A まで HEX #ED8C4A


CSSコード:

background-image: radial-gradient(circle, #ED8B4A 10%, #ED8C4A 90%);

 

HEX #ED8C4A まで HEX #EDB74A


CSSコード:

background-image: linear-gradient(135deg, #ED8C4A 3%, #EDB74A 97%);

 

HEX #ED8C4A まで HEX #EDB74A


CSSコード:

background-image: radial-gradient(circle, #ED8C4A 6%, #EDB74A 93%);

 

HEX #EDB74A まで HEX #ED8C4A


CSSコード:

background-image: linear-gradient(135deg, #EDB74A 4%, #ED8C4A 92%);

 

HEX #EDB74A まで HEX #ED8C4A


CSSコード:

background-image: radial-gradient(circle, #EDB74A 10%, #ED8C4A 88%);

 

HEX #ED8C4A まで HEX #EDE24A


CSSコード:

background-image: linear-gradient(135deg, #ED8C4A 11%, #EDE24A 98%);

 

HEX #ED8C4A まで HEX #EDE24A


CSSコード:

background-image: radial-gradient(circle, #ED8C4A 9%, #EDE24A 87%);

 

HEX #EDE24A まで HEX #ED8C4A


CSSコード:

background-image: linear-gradient(135deg, #EDE24A 5%, #ED8C4A 87%);

 

HEX #EDE24A まで HEX #ED8C4A


CSSコード:

background-image: radial-gradient(circle, #EDE24A 6%, #ED8C4A 94%);

リニア

HEX #ED8C4A まで HEX #E97424


CSSコード:

background-image: linear-gradient(135deg, #ED8C4A 2%, #E97424 95%);

ラジアル

HEX #ED8C4A まで HEX #E97424


CSSコード:

background-image: radial-gradient(circle, #ED8C4A 10%, #E97424 98%);

 

HEX #E97424 まで HEX #ED8C4A


CSSコード:

background-image: linear-gradient(135deg, #E97424 2%, #ED8C4A 89%);

 

HEX #E97424 まで HEX #ED8C4A


CSSコード:

background-image: radial-gradient(circle, #E97424 14%, #ED8C4A 94%);

 

HEX #ED8C4A まで HEX #F1A470


CSSコード:

background-image: linear-gradient(135deg, #ED8C4A 2%, #F1A470 95%);

 

HEX #ED8C4A まで HEX #F1A470


CSSコード:

background-image: radial-gradient(circle, #ED8C4A 8%, #F1A470 89%);

 

HEX #F1A470 まで HEX #ED8C4A


CSSコード:

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

 

HEX #F1A470 まで HEX #ED8C4A


CSSコード:

background-image: radial-gradient(circle, #F1A470 4%, #ED8C4A 90%);

 

HEX #ED8C4A まで HEX #F5BC95


CSSコード:

background-image: linear-gradient(135deg, #ED8C4A 5%, #F5BC95 91%);

 

HEX #ED8C4A まで HEX #F5BC95


CSSコード:

background-image: radial-gradient(circle, #ED8C4A 4%, #F5BC95 91%);

 

HEX #F5BC95 まで HEX #ED8C4A


CSSコード:

background-image: linear-gradient(135deg, #F5BC95 9%, #ED8C4A 93%);

 

HEX #F5BC95 まで HEX #ED8C4A


CSSコード:

background-image: radial-gradient(circle, #F5BC95 7%, #ED8C4A 98%);

リニア

HEX #ED8C4A まで HEX #8BED4A


CSSコード:

background-image: linear-gradient(135deg, #ED8C4A 10%, #8BED4A 97%);

ラジアル

HEX #ED8C4A まで HEX #8BED4A


CSSコード:

background-image: radial-gradient(circle, #ED8C4A 13%, #8BED4A 96%);

 

HEX #8BED4A まで HEX #ED8C4A


CSSコード:

background-image: linear-gradient(135deg, #8BED4A 5%, #ED8C4A 86%);

 

HEX #8BED4A まで HEX #ED8C4A


CSSコード:

background-image: radial-gradient(circle, #8BED4A 4%, #ED8C4A 87%);

 

HEX #ED8C4A まで HEX #4A4AED


CSSコード:

background-image: linear-gradient(135deg, #ED8C4A 8%, #4A4AED 86%);

 

HEX #ED8C4A まで HEX #4A4AED


CSSコード:

background-image: radial-gradient(circle, #ED8C4A 0%, #4A4AED 88%);

 

HEX #4A4AED まで HEX #ED8C4A


CSSコード:

background-image: linear-gradient(135deg, #4A4AED 10%, #ED8C4A 91%);

 

HEX #4A4AED まで HEX #ED8C4A


CSSコード:

background-image: radial-gradient(circle, #4A4AED 7%, #ED8C4A 90%);

リニア

HEX #ED8C4A まで HEX #4AED8B


CSSコード:

background-image: linear-gradient(135deg, #ED8C4A 0%, #4AED8B 86%);

ラジアル

HEX #ED8C4A まで HEX #4AED8B


CSSコード:

background-image: radial-gradient(circle, #ED8C4A 14%, #4AED8B 97%);

 

HEX #4AED8B まで HEX #ED8C4A


CSSコード:

background-image: linear-gradient(135deg, #4AED8B 10%, #ED8C4A 89%);

 

HEX #4AED8B まで HEX #ED8C4A


CSSコード:

background-image: radial-gradient(circle, #4AED8B 3%, #ED8C4A 92%);

 

HEX #ED8C4A まで HEX #8B4AED


CSSコード:

background-image: linear-gradient(135deg, #ED8C4A 10%, #8B4AED 98%);

 

HEX #ED8C4A まで HEX #8B4AED


CSSコード:

background-image: radial-gradient(circle, #ED8C4A 10%, #8B4AED 90%);

 

HEX #8B4AED まで HEX #ED8C4A


CSSコード:

background-image: linear-gradient(135deg, #8B4AED 14%, #ED8C4A 94%);

 

HEX #8B4AED まで HEX #ED8C4A


CSSコード:

background-image: radial-gradient(circle, #8B4AED 7%, #ED8C4A 86%);

リニア

HEX #ED8C4A まで HEX #8BED4A


CSSコード:

background-image: linear-gradient(135deg, #ED8C4A 6%, #8BED4A 90%);

ラジアル

HEX #ED8C4A まで HEX #8BED4A


CSSコード:

background-image: radial-gradient(circle, #ED8C4A 4%, #8BED4A 93%);

 

HEX #8BED4A まで HEX #ED8C4A


CSSコード:

background-image: linear-gradient(135deg, #8BED4A 0%, #ED8C4A 93%);

 

HEX #8BED4A まで HEX #ED8C4A


CSSコード:

background-image: radial-gradient(circle, #8BED4A 1%, #ED8C4A 95%);

 

HEX #ED8C4A まで HEX #4AACED


CSSコード:

background-image: linear-gradient(135deg, #ED8C4A 7%, #4AACED 92%);

 

HEX #ED8C4A まで HEX #4AACED


CSSコード:

background-image: radial-gradient(circle, #ED8C4A 0%, #4AACED 93%);

 

HEX #4AACED まで HEX #ED8C4A


CSSコード:

background-image: linear-gradient(135deg, #4AACED 14%, #ED8C4A 98%);

 

HEX #4AACED まで HEX #ED8C4A


CSSコード:

background-image: radial-gradient(circle, #4AACED 14%, #ED8C4A 89%);

 

HEX #ED8C4A まで HEX #AC4AED


CSSコード:

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

 

HEX #ED8C4A まで HEX #AC4AED


CSSコード:

background-image: radial-gradient(circle, #ED8C4A 5%, #AC4AED 95%);

 

HEX #AC4AED まで HEX #ED8C4A


CSSコード:

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

 

HEX #AC4AED まで HEX #ED8C4A


CSSコード:

background-image: radial-gradient(circle, #AC4AED 5%, #ED8C4A 89%);

リニア

HEX #ED8C4A まで HEX #5AED4A


CSSコード:

background-image: linear-gradient(135deg, #ED8C4A 12%, #5AED4A 87%);

ラジアル

HEX #ED8C4A まで HEX #5AED4A


CSSコード:

background-image: radial-gradient(circle, #ED8C4A 0%, #5AED4A 98%);

 

HEX #5AED4A まで HEX #ED8C4A


CSSコード:

background-image: linear-gradient(135deg, #5AED4A 3%, #ED8C4A 97%);

 

HEX #5AED4A まで HEX #ED8C4A


CSSコード:

background-image: radial-gradient(circle, #5AED4A 6%, #ED8C4A 87%);

 

HEX #ED8C4A まで HEX #4AACED


CSSコード:

background-image: linear-gradient(135deg, #ED8C4A 10%, #4AACED 87%);

 

HEX #ED8C4A まで HEX #4AACED


CSSコード:

background-image: radial-gradient(circle, #ED8C4A 7%, #4AACED 93%);

 

HEX #4AACED まで HEX #ED8C4A


CSSコード:

background-image: linear-gradient(135deg, #4AACED 3%, #ED8C4A 100%);

 

HEX #4AACED まで HEX #ED8C4A


CSSコード:

background-image: radial-gradient(circle, #4AACED 6%, #ED8C4A 89%);

 

HEX #ED8C4A まで HEX #DD4AED


CSSコード:

background-image: linear-gradient(135deg, #ED8C4A 2%, #DD4AED 86%);

 

HEX #ED8C4A まで HEX #DD4AED


CSSコード:

background-image: radial-gradient(circle, #ED8C4A 9%, #DD4AED 96%);

 

HEX #DD4AED まで HEX #ED8C4A


CSSコード:

background-image: linear-gradient(135deg, #DD4AED 0%, #ED8C4A 97%);

 

HEX #DD4AED まで HEX #ED8C4A


CSSコード:

background-image: radial-gradient(circle, #DD4AED 9%, #ED8C4A 91%);

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

サービス内容

カラー

ラグビー に 呪咀

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

カミーユ に 呪咀

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

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

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

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

エヌシーエス® に ラグバ

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

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

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

Icons

エヌシーエス® に 呪咀

から変換する 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, a registration is required.

Log 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 desired link.

Share

OK, I have copied the links

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

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

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