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

✕

CSS グラデーション:
RGBA 255 149 187 0.24

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #FF95BB3D まで HEX #006A443D


CSSコード:

background-image: linear-gradient(135deg, #FF95BB3D 4%, #006A443D 86%);

ラジアル

HEX #FF95BB3D まで HEX #006A443D


CSSコード:

background-image: radial-gradient(circle, #FF95BB3D 11%, #006A443D 93%);

 

HEX #006A443D まで HEX #FF95BB3D


CSSコード:

background-image: linear-gradient(135deg, #006A443D 13%, #FF95BB3D 90%);

 

HEX #006A443D まで HEX #FF95BB3D


CSSコード:

background-image: radial-gradient(circle, #006A443D 12%, #FF95BB3D 87%);

リニア

HEX #FF95BB3D まで HEX #FFA7C93D


CSSコード:

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

ラジアル

HEX #FF95BB3D まで HEX #FFA7C93D


CSSコード:

background-image: radial-gradient(circle, #FF95BB3D 13%, #FFA7C93D 99%);

 

HEX #FFA7C93D まで HEX #FF95BB3D


CSSコード:

background-image: linear-gradient(135deg, #FFA7C93D 5%, #FF95BB3D 93%);

 

HEX #FFA7C93D まで HEX #FF95BB3D


CSSコード:

background-image: radial-gradient(circle, #FFA7C93D 2%, #FF95BB3D 90%);

 

HEX #FF95BB3D まで HEX #FFB9DC3D


CSSコード:

background-image: linear-gradient(135deg, #FF95BB3D 9%, #FFB9DC3D 90%);

 

HEX #FF95BB3D まで HEX #FFB9DC3D


CSSコード:

background-image: radial-gradient(circle, #FF95BB3D 14%, #FFB9DC3D 97%);

 

HEX #FFB9DC3D まで HEX #FF95BB3D


CSSコード:

background-image: linear-gradient(135deg, #FFB9DC3D 5%, #FF95BB3D 90%);

 

HEX #FFB9DC3D まで HEX #FF95BB3D


CSSコード:

background-image: radial-gradient(circle, #FFB9DC3D 1%, #FF95BB3D 90%);

 

HEX #FF95BB3D まで HEX #FFCBEF3D


CSSコード:

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

 

HEX #FF95BB3D まで HEX #FFCBEF3D


CSSコード:

background-image: radial-gradient(circle, #FF95BB3D 7%, #FFCBEF3D 92%);

 

HEX #FFCBEF3D まで HEX #FF95BB3D


CSSコード:

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

 

HEX #FFCBEF3D まで HEX #FF95BB3D


CSSコード:

background-image: radial-gradient(circle, #FFCBEF3D 4%, #FF95BB3D 93%);

 

HEX #FF95BB3D まで HEX #FFDDFF3D


CSSコード:

background-image: linear-gradient(135deg, #FF95BB3D 10%, #FFDDFF3D 100%);

 

HEX #FF95BB3D まで HEX #FFDDFF3D


CSSコード:

background-image: radial-gradient(circle, #FF95BB3D 6%, #FFDDFF3D 90%);

 

HEX #FFDDFF3D まで HEX #FF95BB3D


CSSコード:

background-image: linear-gradient(135deg, #FFDDFF3D 10%, #FF95BB3D 86%);

 

HEX #FFDDFF3D まで HEX #FF95BB3D


CSSコード:

background-image: radial-gradient(circle, #FFDDFF3D 9%, #FF95BB3D 92%);

リニア

HEX #FF95BB3D まで HEX #EE83A83D


CSSコード:

background-image: linear-gradient(135deg, #FF95BB3D 14%, #EE83A83D 94%);

ラジアル

HEX #FF95BB3D まで HEX #EE83A83D


CSSコード:

background-image: radial-gradient(circle, #FF95BB3D 9%, #EE83A83D 87%);

 

HEX #EE83A83D まで HEX #FF95BB3D


CSSコード:

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

 

HEX #EE83A83D まで HEX #FF95BB3D


CSSコード:

background-image: radial-gradient(circle, #EE83A83D 7%, #FF95BB3D 90%);

 

HEX #FF95BB3D まで HEX #DD71953D


CSSコード:

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

 

HEX #FF95BB3D まで HEX #DD71953D


CSSコード:

background-image: radial-gradient(circle, #FF95BB3D 8%, #DD71953D 95%);

 

HEX #DD71953D まで HEX #FF95BB3D


CSSコード:

background-image: linear-gradient(135deg, #DD71953D 4%, #FF95BB3D 95%);

 

HEX #DD71953D まで HEX #FF95BB3D


CSSコード:

background-image: radial-gradient(circle, #DD71953D 13%, #FF95BB3D 99%);

 

HEX #FF95BB3D まで HEX #CC5F823D


CSSコード:

background-image: linear-gradient(135deg, #FF95BB3D 0%, #CC5F823D 86%);

 

HEX #FF95BB3D まで HEX #CC5F823D


CSSコード:

background-image: radial-gradient(circle, #FF95BB3D 8%, #CC5F823D 95%);

 

HEX #CC5F823D まで HEX #FF95BB3D


CSSコード:

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

 

HEX #CC5F823D まで HEX #FF95BB3D


CSSコード:

background-image: radial-gradient(circle, #CC5F823D 9%, #FF95BB3D 88%);

 

HEX #FF95BB3D まで HEX #BB4D6F3D


CSSコード:

background-image: linear-gradient(135deg, #FF95BB3D 11%, #BB4D6F3D 100%);

 

HEX #FF95BB3D まで HEX #BB4D6F3D


CSSコード:

background-image: radial-gradient(circle, #FF95BB3D 4%, #BB4D6F3D 97%);

 

HEX #BB4D6F3D まで HEX #FF95BB3D


CSSコード:

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

 

HEX #BB4D6F3D まで HEX #FF95BB3D


CSSコード:

background-image: radial-gradient(circle, #BB4D6F3D 0%, #FF95BB3D 99%);

リニア

HEX #FF95BB3D まで HEX #FF93A93D


CSSコード:

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

ラジアル

HEX #FF95BB3D まで HEX #FF93A93D


CSSコード:

background-image: radial-gradient(circle, #FF95BB3D 3%, #FF93A93D 92%);

 

HEX #FF93A93D まで HEX #FF95BB3D


CSSコード:

background-image: linear-gradient(135deg, #FF93A93D 10%, #FF95BB3D 100%);

 

HEX #FF93A93D まで HEX #FF95BB3D


CSSコード:

background-image: radial-gradient(circle, #FF93A93D 5%, #FF95BB3D 100%);

 

HEX #FF95BB3D まで HEX #FF93973D


CSSコード:

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

 

HEX #FF95BB3D まで HEX #FF93973D


CSSコード:

background-image: radial-gradient(circle, #FF95BB3D 6%, #FF93973D 90%);

 

HEX #FF93973D まで HEX #FF95BB3D


CSSコード:

background-image: linear-gradient(135deg, #FF93973D 2%, #FF95BB3D 94%);

 

HEX #FF93973D まで HEX #FF95BB3D


CSSコード:

background-image: radial-gradient(circle, #FF93973D 14%, #FF95BB3D 93%);

 

HEX #FF95BB3D まで HEX #FFA2933D


CSSコード:

background-image: linear-gradient(135deg, #FF95BB3D 3%, #FFA2933D 91%);

 

HEX #FF95BB3D まで HEX #FFA2933D


CSSコード:

background-image: radial-gradient(circle, #FF95BB3D 4%, #FFA2933D 97%);

 

HEX #FFA2933D まで HEX #FF95BB3D


CSSコード:

background-image: linear-gradient(135deg, #FFA2933D 3%, #FF95BB3D 96%);

 

HEX #FFA2933D まで HEX #FF95BB3D


CSSコード:

background-image: radial-gradient(circle, #FFA2933D 1%, #FF95BB3D 99%);

 

HEX #FF95BB3D まで HEX #FFB4933D


CSSコード:

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

 

HEX #FF95BB3D まで HEX #FFB4933D


CSSコード:

background-image: radial-gradient(circle, #FF95BB3D 8%, #FFB4933D 98%);

 

HEX #FFB4933D まで HEX #FF95BB3D


CSSコード:

background-image: linear-gradient(135deg, #FFB4933D 4%, #FF95BB3D 86%);

 

HEX #FFB4933D まで HEX #FF95BB3D


CSSコード:

background-image: radial-gradient(circle, #FFB4933D 11%, #FF95BB3D 89%);

リニア

HEX #FF95BB3D まで HEX #331E25


CSSコード:

background-image: linear-gradient(135deg, #FF95BB3D 0%, #331E25 96%);

ラジアル

HEX #FF95BB3D まで HEX #331E25


CSSコード:

background-image: radial-gradient(circle, #FF95BB3D 6%, #331E25 98%);

 

HEX #331E25 まで HEX #FF95BB3D


CSSコード:

background-image: linear-gradient(135deg, #331E25 11%, #FF95BB3D 97%);

 

HEX #331E25 まで HEX #FF95BB3D


CSSコード:

background-image: radial-gradient(circle, #331E25 12%, #FF95BB3D 98%);

 

HEX #FF95BB3D まで HEX #663C4B


CSSコード:

background-image: linear-gradient(135deg, #FF95BB3D 13%, #663C4B 87%);

 

HEX #FF95BB3D まで HEX #663C4B


CSSコード:

background-image: radial-gradient(circle, #FF95BB3D 13%, #663C4B 100%);

 

HEX #663C4B まで HEX #FF95BB3D


CSSコード:

background-image: linear-gradient(135deg, #663C4B 6%, #FF95BB3D 94%);

 

HEX #663C4B まで HEX #FF95BB3D


CSSコード:

background-image: radial-gradient(circle, #663C4B 13%, #FF95BB3D 92%);

 

HEX #FF95BB3D まで HEX #995970


CSSコード:

background-image: linear-gradient(135deg, #FF95BB3D 4%, #995970 99%);

 

HEX #FF95BB3D まで HEX #995970


CSSコード:

background-image: radial-gradient(circle, #FF95BB3D 1%, #995970 95%);

 

HEX #995970 まで HEX #FF95BB3D


CSSコード:

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

 

HEX #995970 まで HEX #FF95BB3D


CSSコード:

background-image: radial-gradient(circle, #995970 4%, #FF95BB3D 94%);

 

HEX #FF95BB3D まで HEX #CC7796


CSSコード:

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

 

HEX #FF95BB3D まで HEX #CC7796


CSSコード:

background-image: radial-gradient(circle, #FF95BB3D 12%, #CC7796 100%);

 

HEX #CC7796 まで HEX #FF95BB3D


CSSコード:

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

 

HEX #CC7796 まで HEX #FF95BB3D


CSSコード:

background-image: radial-gradient(circle, #CC7796 12%, #FF95BB3D 99%);

リニア

HEX #FF95BB3D まで HEX #FFED93


CSSコード:

background-image: linear-gradient(135deg, #FF95BB3D 2%, #FFED93 99%);

ラジアル

HEX #FF95BB3D まで HEX #FFED93


CSSコード:

background-image: radial-gradient(circle, #FF95BB3D 13%, #FFED93 93%);

 

HEX #FFED93 まで HEX #FF95BB3D


CSSコード:

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

 

HEX #FFED93 まで HEX #FF95BB3D


CSSコード:

background-image: radial-gradient(circle, #FFED93 10%, #FF95BB3D 88%);

 

HEX #FF95BB3D まで HEX #93E6FF


CSSコード:

background-image: linear-gradient(135deg, #FF95BB3D 3%, #93E6FF 89%);

 

HEX #FF95BB3D まで HEX #93E6FF


CSSコード:

background-image: radial-gradient(circle, #FF95BB3D 14%, #93E6FF 86%);

 

HEX #93E6FF まで HEX #FF95BB3D


CSSコード:

background-image: linear-gradient(135deg, #93E6FF 10%, #FF95BB3D 90%);

 

HEX #93E6FF まで HEX #FF95BB3D


CSSコード:

background-image: radial-gradient(circle, #93E6FF 6%, #FF95BB3D 95%);

リニア

HEX #FF95BB3D まで HEX #BBFF93


CSSコード:

background-image: linear-gradient(135deg, #FF95BB3D 7%, #BBFF93 96%);

ラジアル

HEX #FF95BB3D まで HEX #BBFF93


CSSコード:

background-image: radial-gradient(circle, #FF95BB3D 3%, #BBFF93 94%);

 

HEX #BBFF93 まで HEX #FF95BB3D


CSSコード:

background-image: linear-gradient(135deg, #BBFF93 7%, #FF95BB3D 99%);

 

HEX #BBFF93 まで HEX #FF95BB3D


CSSコード:

background-image: radial-gradient(circle, #BBFF93 8%, #FF95BB3D 90%);

 

HEX #FF95BB3D まで HEX #93BBFF


CSSコード:

background-image: linear-gradient(135deg, #FF95BB3D 8%, #93BBFF 86%);

 

HEX #FF95BB3D まで HEX #93BBFF


CSSコード:

background-image: radial-gradient(circle, #FF95BB3D 8%, #93BBFF 93%);

 

HEX #93BBFF まで HEX #FF95BB3D


CSSコード:

background-image: linear-gradient(135deg, #93BBFF 7%, #FF95BB3D 95%);

 

HEX #93BBFF まで HEX #FF95BB3D


CSSコード:

background-image: radial-gradient(circle, #93BBFF 11%, #FF95BB3D 100%);

リニア

HEX #FF95BB3D まで HEX #FFED93


CSSコード:

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

ラジアル

HEX #FF95BB3D まで HEX #FFED93


CSSコード:

background-image: radial-gradient(circle, #FF95BB3D 10%, #FFED93 98%);

 

HEX #FFED93 まで HEX #FF95BB3D


CSSコード:

background-image: linear-gradient(135deg, #FFED93 4%, #FF95BB3D 86%);

 

HEX #FFED93 まで HEX #FF95BB3D


CSSコード:

background-image: radial-gradient(circle, #FFED93 1%, #FF95BB3D 93%);

 

HEX #FF95BB3D まで HEX #93FFD7


CSSコード:

background-image: linear-gradient(135deg, #FF95BB3D 5%, #93FFD7 89%);

 

HEX #FF95BB3D まで HEX #93FFD7


CSSコード:

background-image: radial-gradient(circle, #FF95BB3D 9%, #93FFD7 88%);

 

HEX #93FFD7 まで HEX #FF95BB3D


CSSコード:

background-image: linear-gradient(135deg, #93FFD7 2%, #FF95BB3D 91%);

 

HEX #93FFD7 まで HEX #FF95BB3D


CSSコード:

background-image: radial-gradient(circle, #93FFD7 11%, #FF95BB3D 99%);

 

HEX #FF95BB3D まで HEX #93A5FF


CSSコード:

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

 

HEX #FF95BB3D まで HEX #93A5FF


CSSコード:

background-image: radial-gradient(circle, #FF95BB3D 2%, #93A5FF 98%);

 

HEX #93A5FF まで HEX #FF95BB3D


CSSコード:

background-image: linear-gradient(135deg, #93A5FF 1%, #FF95BB3D 90%);

 

HEX #93A5FF まで HEX #FF95BB3D


CSSコード:

background-image: radial-gradient(circle, #93A5FF 13%, #FF95BB3D 86%);

リニア

HEX #FF95BB3D まで HEX #F0FF93


CSSコード:

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

ラジアル

HEX #FF95BB3D まで HEX #F0FF93


CSSコード:

background-image: radial-gradient(circle, #FF95BB3D 0%, #F0FF93 86%);

 

HEX #F0FF93 まで HEX #FF95BB3D


CSSコード:

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

 

HEX #F0FF93 まで HEX #FF95BB3D


CSSコード:

background-image: radial-gradient(circle, #F0FF93 13%, #FF95BB3D 91%);

 

HEX #FF95BB3D まで HEX #93FFD7


CSSコード:

background-image: linear-gradient(135deg, #FF95BB3D 9%, #93FFD7 100%);

 

HEX #FF95BB3D まで HEX #93FFD7


CSSコード:

background-image: radial-gradient(circle, #FF95BB3D 3%, #93FFD7 94%);

 

HEX #93FFD7 まで HEX #FF95BB3D


CSSコード:

background-image: linear-gradient(135deg, #93FFD7 14%, #FF95BB3D 87%);

 

HEX #93FFD7 まで HEX #FF95BB3D


CSSコード:

background-image: radial-gradient(circle, #93FFD7 0%, #FF95BB3D 88%);

 

HEX #FF95BB3D まで HEX #A293FF


CSSコード:

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

 

HEX #FF95BB3D まで HEX #A293FF


CSSコード:

background-image: radial-gradient(circle, #FF95BB3D 11%, #A293FF 97%);

 

HEX #A293FF まで HEX #FF95BB3D


CSSコード:

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

 

HEX #A293FF まで HEX #FF95BB3D


CSSコード:

background-image: radial-gradient(circle, #A293FF 4%, #FF95BB3D 89%);

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

サービス内容

カラー

ラグビー に 呪咀

から変換する 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-2024 in cooperation ND-DESIGN.WORKS & frag-bobby.de