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

CSS グラデーション:
RGBA 204 201 191 0

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #CCC9BF00 まで HEX #33364000


CSSコード:

background-image: linear-gradient(135deg, #CCC9BF00 2%, #33364000 90%);

ラジアル

HEX #CCC9BF00 まで HEX #33364000


CSSコード:

background-image: radial-gradient(circle, #CCC9BF00 13%, #33364000 89%);

 

HEX #33364000 まで HEX #CCC9BF00


CSSコード:

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

 

HEX #33364000 まで HEX #CCC9BF00


CSSコード:

background-image: radial-gradient(circle, #33364000 9%, #CCC9BF00 95%);

リニア

HEX #CCC9BF00 まで HEX #CBC4BE00


CSSコード:

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

ラジアル

HEX #CCC9BF00 まで HEX #CBC4BE00


CSSコード:

background-image: radial-gradient(circle, #CCC9BF00 6%, #CBC4BE00 91%);

 

HEX #CBC4BE00 まで HEX #CCC9BF00


CSSコード:

background-image: linear-gradient(135deg, #CBC4BE00 6%, #CCC9BF00 97%);

 

HEX #CBC4BE00 まで HEX #CCC9BF00


CSSコード:

background-image: radial-gradient(circle, #CBC4BE00 0%, #CCC9BF00 92%);

 

HEX #CCC9BF00 まで HEX #CBC8BE00


CSSコード:

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

 

HEX #CCC9BF00 まで HEX #CBC8BE00


CSSコード:

background-image: radial-gradient(circle, #CCC9BF00 1%, #CBC8BE00 97%);

 

HEX #CBC8BE00 まで HEX #CCC9BF00


CSSコード:

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

 

HEX #CBC8BE00 まで HEX #CCC9BF00


CSSコード:

background-image: radial-gradient(circle, #CBC8BE00 6%, #CCC9BF00 88%);

 

HEX #CCC9BF00 まで HEX #CACBBE00


CSSコード:

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

 

HEX #CCC9BF00 まで HEX #CACBBE00


CSSコード:

background-image: radial-gradient(circle, #CCC9BF00 3%, #CACBBE00 92%);

 

HEX #CACBBE00 まで HEX #CCC9BF00


CSSコード:

background-image: linear-gradient(135deg, #CACBBE00 12%, #CCC9BF00 95%);

 

HEX #CACBBE00 まで HEX #CCC9BF00


CSSコード:

background-image: radial-gradient(circle, #CACBBE00 13%, #CCC9BF00 88%);

 

HEX #CCC9BF00 まで HEX #C7CBBE00


CSSコード:

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

 

HEX #CCC9BF00 まで HEX #C7CBBE00


CSSコード:

background-image: radial-gradient(circle, #CCC9BF00 13%, #C7CBBE00 96%);

 

HEX #C7CBBE00 まで HEX #CCC9BF00


CSSコード:

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

 

HEX #C7CBBE00 まで HEX #CCC9BF00


CSSコード:

background-image: radial-gradient(circle, #C7CBBE00 11%, #CCC9BF00 89%);

リニア

HEX #CCC9BF00 まで HEX #B8B4A7


CSSコード:

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

ラジアル

HEX #CCC9BF00 まで HEX #B8B4A7


CSSコード:

background-image: radial-gradient(circle, #CCC9BF00 0%, #B8B4A7 87%);

 

HEX #B8B4A7 まで HEX #CCC9BF00


CSSコード:

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

 

HEX #B8B4A7 まで HEX #CCC9BF00


CSSコード:

background-image: radial-gradient(circle, #B8B4A7 2%, #CCC9BF00 98%);

 

HEX #CCC9BF00 まで HEX #CBC8BE


CSSコード:

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

 

HEX #CCC9BF00 まで HEX #CBC8BE


CSSコード:

background-image: radial-gradient(circle, #CCC9BF00 5%, #CBC8BE 96%);

 

HEX #CBC8BE まで HEX #CCC9BF00


CSSコード:

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

 

HEX #CBC8BE まで HEX #CCC9BF00


CSSコード:

background-image: radial-gradient(circle, #CBC8BE 3%, #CCC9BF00 91%);

 

HEX #CCC9BF00 まで HEX #DDDBD5


CSSコード:

background-image: linear-gradient(135deg, #CCC9BF00 6%, #DDDBD5 98%);

 

HEX #CCC9BF00 まで HEX #DDDBD5


CSSコード:

background-image: radial-gradient(circle, #CCC9BF00 9%, #DDDBD5 97%);

 

HEX #DDDBD5 まで HEX #CCC9BF00


CSSコード:

background-image: linear-gradient(135deg, #DDDBD5 13%, #CCC9BF00 99%);

 

HEX #DDDBD5 まで HEX #CCC9BF00


CSSコード:

background-image: radial-gradient(circle, #DDDBD5 6%, #CCC9BF00 99%);

 

HEX #CCC9BF00 まで HEX #F0EFEC


CSSコード:

background-image: linear-gradient(135deg, #CCC9BF00 0%, #F0EFEC 92%);

 

HEX #CCC9BF00 まで HEX #F0EFEC


CSSコード:

background-image: radial-gradient(circle, #CCC9BF00 12%, #F0EFEC 92%);

 

HEX #F0EFEC まで HEX #CCC9BF00


CSSコード:

background-image: linear-gradient(135deg, #F0EFEC 8%, #CCC9BF00 94%);

 

HEX #F0EFEC まで HEX #CCC9BF00


CSSコード:

background-image: radial-gradient(circle, #F0EFEC 1%, #CCC9BF00 97%);

リニア

HEX #CCC9BF00 まで HEX #CBC4BE00


CSSコード:

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

ラジアル

HEX #CCC9BF00 まで HEX #CBC4BE00


CSSコード:

background-image: radial-gradient(circle, #CCC9BF00 13%, #CBC4BE00 98%);

 

HEX #CBC4BE00 まで HEX #CCC9BF00


CSSコード:

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

 

HEX #CBC4BE00 まで HEX #CCC9BF00


CSSコード:

background-image: radial-gradient(circle, #CBC4BE00 5%, #CCC9BF00 94%);

 

HEX #CCC9BF00 まで HEX #CBC8BE00


CSSコード:

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

 

HEX #CCC9BF00 まで HEX #CBC8BE00


CSSコード:

background-image: radial-gradient(circle, #CCC9BF00 12%, #CBC8BE00 91%);

 

HEX #CBC8BE00 まで HEX #CCC9BF00


CSSコード:

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

 

HEX #CBC8BE00 まで HEX #CCC9BF00


CSSコード:

background-image: radial-gradient(circle, #CBC8BE00 13%, #CCC9BF00 86%);

 

HEX #CCC9BF00 まで HEX #CACBBE00


CSSコード:

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

 

HEX #CCC9BF00 まで HEX #CACBBE00


CSSコード:

background-image: radial-gradient(circle, #CCC9BF00 8%, #CACBBE00 92%);

 

HEX #CACBBE00 まで HEX #CCC9BF00


CSSコード:

background-image: linear-gradient(135deg, #CACBBE00 10%, #CCC9BF00 89%);

 

HEX #CACBBE00 まで HEX #CCC9BF00


CSSコード:

background-image: radial-gradient(circle, #CACBBE00 0%, #CCC9BF00 94%);

 

HEX #CCC9BF00 まで HEX #C7CBBE00


CSSコード:

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

 

HEX #CCC9BF00 まで HEX #C7CBBE00


CSSコード:

background-image: radial-gradient(circle, #CCC9BF00 4%, #C7CBBE00 96%);

 

HEX #C7CBBE00 まで HEX #CCC9BF00


CSSコード:

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

 

HEX #C7CBBE00 まで HEX #CCC9BF00


CSSコード:

background-image: radial-gradient(circle, #C7CBBE00 2%, #CCC9BF00 99%);

リニア

HEX #CCC9BF00 まで HEX #B8B4A7


CSSコード:

background-image: linear-gradient(135deg, #CCC9BF00 12%, #B8B4A7 100%);

ラジアル

HEX #CCC9BF00 まで HEX #B8B4A7


CSSコード:

background-image: radial-gradient(circle, #CCC9BF00 0%, #B8B4A7 96%);

 

HEX #B8B4A7 まで HEX #CCC9BF00


CSSコード:

background-image: linear-gradient(135deg, #B8B4A7 3%, #CCC9BF00 88%);

 

HEX #B8B4A7 まで HEX #CCC9BF00


CSSコード:

background-image: radial-gradient(circle, #B8B4A7 9%, #CCC9BF00 86%);

 

HEX #CCC9BF00 まで HEX #CBC8BE


CSSコード:

background-image: linear-gradient(135deg, #CCC9BF00 12%, #CBC8BE 99%);

 

HEX #CCC9BF00 まで HEX #CBC8BE


CSSコード:

background-image: radial-gradient(circle, #CCC9BF00 1%, #CBC8BE 94%);

 

HEX #CBC8BE まで HEX #CCC9BF00


CSSコード:

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

 

HEX #CBC8BE まで HEX #CCC9BF00


CSSコード:

background-image: radial-gradient(circle, #CBC8BE 6%, #CCC9BF00 96%);

 

HEX #CCC9BF00 まで HEX #DDDBD5


CSSコード:

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

 

HEX #CCC9BF00 まで HEX #DDDBD5


CSSコード:

background-image: radial-gradient(circle, #CCC9BF00 12%, #DDDBD5 99%);

 

HEX #DDDBD5 まで HEX #CCC9BF00


CSSコード:

background-image: linear-gradient(135deg, #DDDBD5 10%, #CCC9BF00 98%);

 

HEX #DDDBD5 まで HEX #CCC9BF00


CSSコード:

background-image: radial-gradient(circle, #DDDBD5 14%, #CCC9BF00 97%);

 

HEX #CCC9BF00 まで HEX #F0EFEC


CSSコード:

background-image: linear-gradient(135deg, #CCC9BF00 3%, #F0EFEC 93%);

 

HEX #CCC9BF00 まで HEX #F0EFEC


CSSコード:

background-image: radial-gradient(circle, #CCC9BF00 12%, #F0EFEC 99%);

 

HEX #F0EFEC まで HEX #CCC9BF00


CSSコード:

background-image: linear-gradient(135deg, #F0EFEC 6%, #CCC9BF00 100%);

 

HEX #F0EFEC まで HEX #CCC9BF00


CSSコード:

background-image: radial-gradient(circle, #F0EFEC 2%, #CCC9BF00 96%);

リニア

HEX #CCC9BF00 まで HEX #BECBBE


CSSコード:

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

ラジアル

HEX #CCC9BF00 まで HEX #BECBBE


CSSコード:

background-image: radial-gradient(circle, #CCC9BF00 5%, #BECBBE 100%);

 

HEX #BECBBE まで HEX #CCC9BF00


CSSコード:

background-image: linear-gradient(135deg, #BECBBE 8%, #CCC9BF00 90%);

 

HEX #BECBBE まで HEX #CCC9BF00


CSSコード:

background-image: radial-gradient(circle, #BECBBE 3%, #CCC9BF00 86%);

 

HEX #CCC9BF00 まで HEX #C3BECB


CSSコード:

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

 

HEX #CCC9BF00 まで HEX #C3BECB


CSSコード:

background-image: radial-gradient(circle, #CCC9BF00 6%, #C3BECB 89%);

 

HEX #C3BECB まで HEX #CCC9BF00


CSSコード:

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

 

HEX #C3BECB まで HEX #CCC9BF00


CSSコード:

background-image: radial-gradient(circle, #C3BECB 5%, #CCC9BF00 92%);

リニア

HEX #CCC9BF00 まで HEX #BECBC8


CSSコード:

background-image: linear-gradient(135deg, #CCC9BF00 4%, #BECBC8 87%);

ラジアル

HEX #CCC9BF00 まで HEX #BECBC8


CSSコード:

background-image: radial-gradient(circle, #CCC9BF00 13%, #BECBC8 88%);

 

HEX #BECBC8 まで HEX #CCC9BF00


CSSコード:

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

 

HEX #BECBC8 まで HEX #CCC9BF00


CSSコード:

background-image: radial-gradient(circle, #BECBC8 5%, #CCC9BF00 99%);

 

HEX #CCC9BF00 まで HEX #C8BECB


CSSコード:

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

 

HEX #CCC9BF00 まで HEX #C8BECB


CSSコード:

background-image: radial-gradient(circle, #CCC9BF00 0%, #C8BECB 98%);

 

HEX #C8BECB まで HEX #CCC9BF00


CSSコード:

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

 

HEX #C8BECB まで HEX #CCC9BF00


CSSコード:

background-image: radial-gradient(circle, #C8BECB 4%, #CCC9BF00 97%);

リニア

HEX #CCC9BF00 まで HEX #BECBBE


CSSコード:

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

ラジアル

HEX #CCC9BF00 まで HEX #BECBBE


CSSコード:

background-image: radial-gradient(circle, #CCC9BF00 11%, #BECBBE 93%);

 

HEX #BECBBE まで HEX #CCC9BF00


CSSコード:

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

 

HEX #BECBBE まで HEX #CCC9BF00


CSSコード:

background-image: radial-gradient(circle, #BECBBE 4%, #CCC9BF00 100%);

 

HEX #CCC9BF00 まで HEX #BEC1CB


CSSコード:

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

 

HEX #CCC9BF00 まで HEX #BEC1CB


CSSコード:

background-image: radial-gradient(circle, #CCC9BF00 10%, #BEC1CB 93%);

 

HEX #BEC1CB まで HEX #CCC9BF00


CSSコード:

background-image: linear-gradient(135deg, #BEC1CB 8%, #CCC9BF00 97%);

 

HEX #BEC1CB まで HEX #CCC9BF00


CSSコード:

background-image: radial-gradient(circle, #BEC1CB 5%, #CCC9BF00 90%);

 

HEX #CCC9BF00 まで HEX #CABECB


CSSコード:

background-image: linear-gradient(135deg, #CCC9BF00 2%, #CABECB 93%);

 

HEX #CCC9BF00 まで HEX #CABECB


CSSコード:

background-image: radial-gradient(circle, #CCC9BF00 12%, #CABECB 99%);

 

HEX #CABECB まで HEX #CCC9BF00


CSSコード:

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

 

HEX #CABECB まで HEX #CCC9BF00


CSSコード:

background-image: radial-gradient(circle, #CABECB 10%, #CCC9BF00 89%);

リニア

HEX #CCC9BF00 まで HEX #BECBC1


CSSコード:

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

ラジアル

HEX #CCC9BF00 まで HEX #BECBC1


CSSコード:

background-image: radial-gradient(circle, #CCC9BF00 5%, #BECBC1 88%);

 

HEX #BECBC1 まで HEX #CCC9BF00


CSSコード:

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

 

HEX #BECBC1 まで HEX #CCC9BF00


CSSコード:

background-image: radial-gradient(circle, #BECBC1 6%, #CCC9BF00 97%);

 

HEX #CCC9BF00 まで HEX #BEC1CB


CSSコード:

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

 

HEX #CCC9BF00 まで HEX #BEC1CB


CSSコード:

background-image: radial-gradient(circle, #CCC9BF00 3%, #BEC1CB 100%);

 

HEX #BEC1CB まで HEX #CCC9BF00


CSSコード:

background-image: linear-gradient(135deg, #BEC1CB 10%, #CCC9BF00 89%);

 

HEX #BEC1CB まで HEX #CCC9BF00


CSSコード:

background-image: radial-gradient(circle, #BEC1CB 6%, #CCC9BF00 97%);

 

HEX #CCC9BF00 まで HEX #CBBEC7


CSSコード:

background-image: linear-gradient(135deg, #CCC9BF00 11%, #CBBEC7 93%);

 

HEX #CCC9BF00 まで HEX #CBBEC7


CSSコード:

background-image: radial-gradient(circle, #CCC9BF00 6%, #CBBEC7 90%);

 

HEX #CBBEC7 まで HEX #CCC9BF00


CSSコード:

background-image: linear-gradient(135deg, #CBBEC7 3%, #CCC9BF00 93%);

 

HEX #CBBEC7 まで HEX #CCC9BF00


CSSコード:

background-image: radial-gradient(circle, #CBBEC7 8%, #CCC9BF00 93%);

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

サービス内容

カラー

ラグビー に 呪咀

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