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

CSS グラデーション:
RGBA 251 250 73 0.75

インフォメーション

一網打尽



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

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



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

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



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

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

表示オプション

商品説明

この色調は明らかに赤と緑が支配的で、赤と緑の値は青よりも高い。 明るい色:高い色彩値は明るい印象を与える。

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

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

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

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

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

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

レッツゴー

リニア

HEX #FBFA49BF まで HEX #0405B6BF


CSSコード:

background-image: linear-gradient(135deg, #FBFA49BF 10%, #0405B6BF 92%);

ラジアル

HEX #FBFA49BF まで HEX #0405B6BF


CSSコード:

background-image: radial-gradient(circle, #FBFA49BF 1%, #0405B6BF 90%);

 

HEX #0405B6BF まで HEX #FBFA49BF


CSSコード:

background-image: linear-gradient(135deg, #0405B6BF 7%, #FBFA49BF 89%);

 

HEX #0405B6BF まで HEX #FBFA49BF


CSSコード:

background-image: radial-gradient(circle, #0405B6BF 9%, #FBFA49BF 87%);

リニア

HEX #FBFA49BF まで HEX #FBC94BBF


CSSコード:

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

ラジアル

HEX #FBFA49BF まで HEX #FBC94BBF


CSSコード:

background-image: radial-gradient(circle, #FBFA49BF 6%, #FBC94BBF 95%);

 

HEX #FBC94BBF まで HEX #FBFA49BF


CSSコード:

background-image: linear-gradient(135deg, #FBC94BBF 8%, #FBFA49BF 92%);

 

HEX #FBC94BBF まで HEX #FBFA49BF


CSSコード:

background-image: radial-gradient(circle, #FBC94BBF 4%, #FBFA49BF 99%);

 

HEX #FBFA49BF まで HEX #FBF84BBF


CSSコード:

background-image: linear-gradient(135deg, #FBFA49BF 1%, #FBF84BBF 88%);

 

HEX #FBFA49BF まで HEX #FBF84BBF


CSSコード:

background-image: radial-gradient(circle, #FBFA49BF 14%, #FBF84BBF 87%);

 

HEX #FBF84BBF まで HEX #FBFA49BF


CSSコード:

background-image: linear-gradient(135deg, #FBF84BBF 8%, #FBFA49BF 96%);

 

HEX #FBF84BBF まで HEX #FBFA49BF


CSSコード:

background-image: radial-gradient(circle, #FBF84BBF 3%, #FBFA49BF 93%);

 

HEX #FBFA49BF まで HEX #CFFB4BBF


CSSコード:

background-image: linear-gradient(135deg, #FBFA49BF 12%, #CFFB4BBF 86%);

 

HEX #FBFA49BF まで HEX #CFFB4BBF


CSSコード:

background-image: radial-gradient(circle, #FBFA49BF 10%, #CFFB4BBF 87%);

 

HEX #CFFB4BBF まで HEX #FBFA49BF


CSSコード:

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

 

HEX #CFFB4BBF まで HEX #FBFA49BF


CSSコード:

background-image: radial-gradient(circle, #CFFB4BBF 10%, #FBFA49BF 88%);

 

HEX #FBFA49BF まで HEX #A0FB4BBF


CSSコード:

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

 

HEX #FBFA49BF まで HEX #A0FB4BBF


CSSコード:

background-image: radial-gradient(circle, #FBFA49BF 0%, #A0FB4BBF 90%);

 

HEX #A0FB4BBF まで HEX #FBFA49BF


CSSコード:

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

 

HEX #A0FB4BBF まで HEX #FBFA49BF


CSSコード:

background-image: radial-gradient(circle, #A0FB4BBF 4%, #FBFA49BF 89%);

リニア

HEX #FBFA49BF まで HEX #FBF923


CSSコード:

background-image: linear-gradient(135deg, #FBFA49BF 8%, #FBF923 91%);

ラジアル

HEX #FBFA49BF まで HEX #FBF923


CSSコード:

background-image: radial-gradient(circle, #FBFA49BF 8%, #FBF923 86%);

 

HEX #FBF923 まで HEX #FBFA49BF


CSSコード:

background-image: linear-gradient(135deg, #FBF923 12%, #FBFA49BF 92%);

 

HEX #FBF923 まで HEX #FBFA49BF


CSSコード:

background-image: radial-gradient(circle, #FBF923 4%, #FBFA49BF 94%);

 

HEX #FBFA49BF まで HEX #FBFA4B


CSSコード:

background-image: linear-gradient(135deg, #FBFA49BF 1%, #FBFA4B 96%);

 

HEX #FBFA49BF まで HEX #FBFA4B


CSSコード:

background-image: radial-gradient(circle, #FBFA49BF 2%, #FBFA4B 87%);

 

HEX #FBFA4B まで HEX #FBFA49BF


CSSコード:

background-image: linear-gradient(135deg, #FBFA4B 10%, #FBFA49BF 87%);

 

HEX #FBFA4B まで HEX #FBFA49BF


CSSコード:

background-image: radial-gradient(circle, #FBFA4B 13%, #FBFA49BF 90%);

 

HEX #FBFA49BF まで HEX #FCFB74


CSSコード:

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

 

HEX #FBFA49BF まで HEX #FCFB74


CSSコード:

background-image: radial-gradient(circle, #FBFA49BF 1%, #FCFB74 90%);

 

HEX #FCFB74 まで HEX #FBFA49BF


CSSコード:

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

 

HEX #FCFB74 まで HEX #FBFA49BF


CSSコード:

background-image: radial-gradient(circle, #FCFB74 12%, #FBFA49BF 87%);

 

HEX #FBFA49BF まで HEX #FDFC9C


CSSコード:

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

 

HEX #FBFA49BF まで HEX #FDFC9C


CSSコード:

background-image: radial-gradient(circle, #FBFA49BF 4%, #FDFC9C 88%);

 

HEX #FDFC9C まで HEX #FBFA49BF


CSSコード:

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

 

HEX #FDFC9C まで HEX #FBFA49BF


CSSコード:

background-image: radial-gradient(circle, #FDFC9C 3%, #FBFA49BF 93%);

リニア

HEX #FBFA49BF まで HEX #FBC94BBF


CSSコード:

background-image: linear-gradient(135deg, #FBFA49BF 8%, #FBC94BBF 100%);

ラジアル

HEX #FBFA49BF まで HEX #FBC94BBF


CSSコード:

background-image: radial-gradient(circle, #FBFA49BF 14%, #FBC94BBF 95%);

 

HEX #FBC94BBF まで HEX #FBFA49BF


CSSコード:

background-image: linear-gradient(135deg, #FBC94BBF 0%, #FBFA49BF 96%);

 

HEX #FBC94BBF まで HEX #FBFA49BF


CSSコード:

background-image: radial-gradient(circle, #FBC94BBF 3%, #FBFA49BF 99%);

 

HEX #FBFA49BF まで HEX #FBF84BBF


CSSコード:

background-image: linear-gradient(135deg, #FBFA49BF 14%, #FBF84BBF 87%);

 

HEX #FBFA49BF まで HEX #FBF84BBF


CSSコード:

background-image: radial-gradient(circle, #FBFA49BF 5%, #FBF84BBF 91%);

 

HEX #FBF84BBF まで HEX #FBFA49BF


CSSコード:

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

 

HEX #FBF84BBF まで HEX #FBFA49BF


CSSコード:

background-image: radial-gradient(circle, #FBF84BBF 11%, #FBFA49BF 95%);

 

HEX #FBFA49BF まで HEX #CFFB4BBF


CSSコード:

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

 

HEX #FBFA49BF まで HEX #CFFB4BBF


CSSコード:

background-image: radial-gradient(circle, #FBFA49BF 9%, #CFFB4BBF 95%);

 

HEX #CFFB4BBF まで HEX #FBFA49BF


CSSコード:

background-image: linear-gradient(135deg, #CFFB4BBF 9%, #FBFA49BF 100%);

 

HEX #CFFB4BBF まで HEX #FBFA49BF


CSSコード:

background-image: radial-gradient(circle, #CFFB4BBF 0%, #FBFA49BF 100%);

 

HEX #FBFA49BF まで HEX #A0FB4BBF


CSSコード:

background-image: linear-gradient(135deg, #FBFA49BF 1%, #A0FB4BBF 96%);

 

HEX #FBFA49BF まで HEX #A0FB4BBF


CSSコード:

background-image: radial-gradient(circle, #FBFA49BF 8%, #A0FB4BBF 90%);

 

HEX #A0FB4BBF まで HEX #FBFA49BF


CSSコード:

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

 

HEX #A0FB4BBF まで HEX #FBFA49BF


CSSコード:

background-image: radial-gradient(circle, #A0FB4BBF 0%, #FBFA49BF 94%);

リニア

HEX #FBFA49BF まで HEX #FBF923


CSSコード:

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

ラジアル

HEX #FBFA49BF まで HEX #FBF923


CSSコード:

background-image: radial-gradient(circle, #FBFA49BF 1%, #FBF923 88%);

 

HEX #FBF923 まで HEX #FBFA49BF


CSSコード:

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

 

HEX #FBF923 まで HEX #FBFA49BF


CSSコード:

background-image: radial-gradient(circle, #FBF923 1%, #FBFA49BF 87%);

 

HEX #FBFA49BF まで HEX #FBFA4B


CSSコード:

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

 

HEX #FBFA49BF まで HEX #FBFA4B


CSSコード:

background-image: radial-gradient(circle, #FBFA49BF 11%, #FBFA4B 86%);

 

HEX #FBFA4B まで HEX #FBFA49BF


CSSコード:

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

 

HEX #FBFA4B まで HEX #FBFA49BF


CSSコード:

background-image: radial-gradient(circle, #FBFA4B 9%, #FBFA49BF 90%);

 

HEX #FBFA49BF まで HEX #FCFB74


CSSコード:

background-image: linear-gradient(135deg, #FBFA49BF 3%, #FCFB74 98%);

 

HEX #FBFA49BF まで HEX #FCFB74


CSSコード:

background-image: radial-gradient(circle, #FBFA49BF 10%, #FCFB74 100%);

 

HEX #FCFB74 まで HEX #FBFA49BF


CSSコード:

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

 

HEX #FCFB74 まで HEX #FBFA49BF


CSSコード:

background-image: radial-gradient(circle, #FCFB74 4%, #FBFA49BF 98%);

 

HEX #FBFA49BF まで HEX #FDFC9C


CSSコード:

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

 

HEX #FBFA49BF まで HEX #FDFC9C


CSSコード:

background-image: radial-gradient(circle, #FBFA49BF 3%, #FDFC9C 89%);

 

HEX #FDFC9C まで HEX #FBFA49BF


CSSコード:

background-image: linear-gradient(135deg, #FDFC9C 14%, #FBFA49BF 90%);

 

HEX #FDFC9C まで HEX #FBFA49BF


CSSコード:

background-image: radial-gradient(circle, #FDFC9C 11%, #FBFA49BF 91%);

リニア

HEX #FBFA49BF まで HEX #4BFB6B


CSSコード:

background-image: linear-gradient(135deg, #FBFA49BF 7%, #4BFB6B 87%);

ラジアル

HEX #FBFA49BF まで HEX #4BFB6B


CSSコード:

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

 

HEX #4BFB6B まで HEX #FBFA49BF


CSSコード:

background-image: linear-gradient(135deg, #4BFB6B 9%, #FBFA49BF 90%);

 

HEX #4BFB6B まで HEX #FBFA49BF


CSSコード:

background-image: radial-gradient(circle, #4BFB6B 7%, #FBFA49BF 86%);

 

HEX #FBFA49BF まで HEX #B24BFB


CSSコード:

background-image: linear-gradient(135deg, #FBFA49BF 9%, #B24BFB 92%);

 

HEX #FBFA49BF まで HEX #B24BFB


CSSコード:

background-image: radial-gradient(circle, #FBFA49BF 14%, #B24BFB 98%);

 

HEX #B24BFB まで HEX #FBFA49BF


CSSコード:

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

 

HEX #B24BFB まで HEX #FBFA49BF


CSSコード:

background-image: radial-gradient(circle, #B24BFB 11%, #FBFA49BF 98%);

リニア

HEX #FBFA49BF まで HEX #4BFBF8


CSSコード:

background-image: linear-gradient(135deg, #FBFA49BF 12%, #4BFBF8 86%);

ラジアル

HEX #FBFA49BF まで HEX #4BFBF8


CSSコード:

background-image: radial-gradient(circle, #FBFA49BF 7%, #4BFBF8 89%);

 

HEX #4BFBF8 まで HEX #FBFA49BF


CSSコード:

background-image: linear-gradient(135deg, #4BFBF8 12%, #FBFA49BF 89%);

 

HEX #4BFBF8 まで HEX #FBFA49BF


CSSコード:

background-image: radial-gradient(circle, #4BFBF8 7%, #FBFA49BF 100%);

 

HEX #FBFA49BF まで HEX #F84BFB


CSSコード:

background-image: linear-gradient(135deg, #FBFA49BF 14%, #F84BFB 97%);

 

HEX #FBFA49BF まで HEX #F84BFB


CSSコード:

background-image: radial-gradient(circle, #FBFA49BF 0%, #F84BFB 97%);

 

HEX #F84BFB まで HEX #FBFA49BF


CSSコード:

background-image: linear-gradient(135deg, #F84BFB 7%, #FBFA49BF 97%);

 

HEX #F84BFB まで HEX #FBFA49BF


CSSコード:

background-image: radial-gradient(circle, #F84BFB 1%, #FBFA49BF 95%);

リニア

HEX #FBFA49BF まで HEX #4BFB6B


CSSコード:

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

ラジアル

HEX #FBFA49BF まで HEX #4BFB6B


CSSコード:

background-image: radial-gradient(circle, #FBFA49BF 10%, #4BFB6B 98%);

 

HEX #4BFB6B まで HEX #FBFA49BF


CSSコード:

background-image: linear-gradient(135deg, #4BFB6B 9%, #FBFA49BF 92%);

 

HEX #4BFB6B まで HEX #FBFA49BF


CSSコード:

background-image: radial-gradient(circle, #4BFB6B 3%, #FBFA49BF 86%);

 

HEX #FBFA49BF まで HEX #4B4EFB


CSSコード:

background-image: linear-gradient(135deg, #FBFA49BF 9%, #4B4EFB 90%);

 

HEX #FBFA49BF まで HEX #4B4EFB


CSSコード:

background-image: radial-gradient(circle, #FBFA49BF 2%, #4B4EFB 91%);

 

HEX #4B4EFB まで HEX #FBFA49BF


CSSコード:

background-image: linear-gradient(135deg, #4B4EFB 9%, #FBFA49BF 87%);

 

HEX #4B4EFB まで HEX #FBFA49BF


CSSコード:

background-image: radial-gradient(circle, #4B4EFB 9%, #FBFA49BF 94%);

 

HEX #FBFA49BF まで HEX #FB4BDB


CSSコード:

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

 

HEX #FBFA49BF まで HEX #FB4BDB


CSSコード:

background-image: radial-gradient(circle, #FBFA49BF 10%, #FB4BDB 94%);

 

HEX #FB4BDB まで HEX #FBFA49BF


CSSコード:

background-image: linear-gradient(135deg, #FB4BDB 1%, #FBFA49BF 96%);

 

HEX #FB4BDB まで HEX #FBFA49BF


CSSコード:

background-image: radial-gradient(circle, #FB4BDB 7%, #FBFA49BF 98%);

リニア

HEX #FBFA49BF まで HEX #4BFBA0


CSSコード:

background-image: linear-gradient(135deg, #FBFA49BF 5%, #4BFBA0 93%);

ラジアル

HEX #FBFA49BF まで HEX #4BFBA0


CSSコード:

background-image: radial-gradient(circle, #FBFA49BF 11%, #4BFBA0 87%);

 

HEX #4BFBA0 まで HEX #FBFA49BF


CSSコード:

background-image: linear-gradient(135deg, #4BFBA0 4%, #FBFA49BF 91%);

 

HEX #4BFBA0 まで HEX #FBFA49BF


CSSコード:

background-image: radial-gradient(circle, #4BFBA0 7%, #FBFA49BF 88%);

 

HEX #FBFA49BF まで HEX #4B4EFB


CSSコード:

background-image: linear-gradient(135deg, #FBFA49BF 9%, #4B4EFB 96%);

 

HEX #FBFA49BF まで HEX #4B4EFB


CSSコード:

background-image: radial-gradient(circle, #FBFA49BF 14%, #4B4EFB 95%);

 

HEX #4B4EFB まで HEX #FBFA49BF


CSSコード:

background-image: linear-gradient(135deg, #4B4EFB 13%, #FBFA49BF 86%);

 

HEX #4B4EFB まで HEX #FBFA49BF


CSSコード:

background-image: radial-gradient(circle, #4B4EFB 11%, #FBFA49BF 92%);

 

HEX #FBFA49BF まで HEX #FB4BA6


CSSコード:

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

 

HEX #FBFA49BF まで HEX #FB4BA6


CSSコード:

background-image: radial-gradient(circle, #FBFA49BF 4%, #FB4BA6 100%);

 

HEX #FB4BA6 まで HEX #FBFA49BF


CSSコード:

background-image: linear-gradient(135deg, #FB4BA6 3%, #FBFA49BF 95%);

 

HEX #FB4BA6 まで HEX #FBFA49BF


CSSコード:

background-image: radial-gradient(circle, #FB4BA6 2%, #FBFA49BF 99%);

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

サービス内容

カラー

ラグビー に 呪咀

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