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

CSS グラデーション:
RGBA 191 252 227 0.75

インフォメーション

一網打尽



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

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



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

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



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

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

表示オプション

商品説明

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #BFFCE3BF まで HEX #40031CBF


CSSコード:

background-image: linear-gradient(135deg, #BFFCE3BF 4%, #40031CBF 87%);

ラジアル

HEX #BFFCE3BF まで HEX #40031CBF


CSSコード:

background-image: radial-gradient(circle, #BFFCE3BF 5%, #40031CBF 99%);

 

HEX #40031CBF まで HEX #BFFCE3BF


CSSコード:

background-image: linear-gradient(135deg, #40031CBF 1%, #BFFCE3BF 88%);

 

HEX #40031CBF まで HEX #BFFCE3BF


CSSコード:

background-image: radial-gradient(circle, #40031CBF 6%, #BFFCE3BF 92%);

リニア

HEX #BFFCE3BF まで HEX #C0FCD3BF


CSSコード:

background-image: linear-gradient(135deg, #BFFCE3BF 1%, #C0FCD3BF 91%);

ラジアル

HEX #BFFCE3BF まで HEX #C0FCD3BF


CSSコード:

background-image: radial-gradient(circle, #BFFCE3BF 8%, #C0FCD3BF 86%);

 

HEX #C0FCD3BF まで HEX #BFFCE3BF


CSSコード:

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

 

HEX #C0FCD3BF まで HEX #BFFCE3BF


CSSコード:

background-image: radial-gradient(circle, #C0FCD3BF 3%, #BFFCE3BF 89%);

 

HEX #BFFCE3BF まで HEX #C0FCE3BF


CSSコード:

background-image: linear-gradient(135deg, #BFFCE3BF 14%, #C0FCE3BF 96%);

 

HEX #BFFCE3BF まで HEX #C0FCE3BF


CSSコード:

background-image: radial-gradient(circle, #BFFCE3BF 8%, #C0FCE3BF 99%);

 

HEX #C0FCE3BF まで HEX #BFFCE3BF


CSSコード:

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

 

HEX #C0FCE3BF まで HEX #BFFCE3BF


CSSコード:

background-image: radial-gradient(circle, #C0FCE3BF 4%, #BFFCE3BF 88%);

 

HEX #BFFCE3BF まで HEX #C0FCF3BF


CSSコード:

background-image: linear-gradient(135deg, #BFFCE3BF 11%, #C0FCF3BF 88%);

 

HEX #BFFCE3BF まで HEX #C0FCF3BF


CSSコード:

background-image: radial-gradient(circle, #BFFCE3BF 0%, #C0FCF3BF 94%);

 

HEX #C0FCF3BF まで HEX #BFFCE3BF


CSSコード:

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

 

HEX #C0FCF3BF まで HEX #BFFCE3BF


CSSコード:

background-image: radial-gradient(circle, #C0FCF3BF 14%, #BFFCE3BF 88%);

 

HEX #BFFCE3BF まで HEX #C0F5FCBF


CSSコード:

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

 

HEX #BFFCE3BF まで HEX #C0F5FCBF


CSSコード:

background-image: radial-gradient(circle, #BFFCE3BF 9%, #C0F5FCBF 94%);

 

HEX #C0F5FCBF まで HEX #BFFCE3BF


CSSコード:

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

 

HEX #C0F5FCBF まで HEX #BFFCE3BF


CSSコード:

background-image: radial-gradient(circle, #C0F5FCBF 4%, #BFFCE3BF 89%);

リニア

HEX #BFFCE3BF まで HEX #98FAD2


CSSコード:

background-image: linear-gradient(135deg, #BFFCE3BF 5%, #98FAD2 95%);

ラジアル

HEX #BFFCE3BF まで HEX #98FAD2


CSSコード:

background-image: radial-gradient(circle, #BFFCE3BF 3%, #98FAD2 86%);

 

HEX #98FAD2 まで HEX #BFFCE3BF


CSSコード:

background-image: linear-gradient(135deg, #98FAD2 8%, #BFFCE3BF 90%);

 

HEX #98FAD2 まで HEX #BFFCE3BF


CSSコード:

background-image: radial-gradient(circle, #98FAD2 1%, #BFFCE3BF 86%);

 

HEX #BFFCE3BF まで HEX #C0FCE3


CSSコード:

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

 

HEX #BFFCE3BF まで HEX #C0FCE3


CSSコード:

background-image: radial-gradient(circle, #BFFCE3BF 2%, #C0FCE3 96%);

 

HEX #C0FCE3 まで HEX #BFFCE3BF


CSSコード:

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

 

HEX #C0FCE3 まで HEX #BFFCE3BF


CSSコード:

background-image: radial-gradient(circle, #C0FCE3 12%, #BFFCE3BF 94%);

 

HEX #BFFCE3BF まで HEX #E7FEF5


CSSコード:

background-image: linear-gradient(135deg, #BFFCE3BF 10%, #E7FEF5 90%);

 

HEX #BFFCE3BF まで HEX #E7FEF5


CSSコード:

background-image: radial-gradient(circle, #BFFCE3BF 14%, #E7FEF5 91%);

 

HEX #E7FEF5 まで HEX #BFFCE3BF


CSSコード:

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

 

HEX #E7FEF5 まで HEX #BFFCE3BF


CSSコード:

background-image: radial-gradient(circle, #E7FEF5 7%, #BFFCE3BF 91%);

 

HEX #BFFCE3BF まで HEX #FFFFFF


CSSコード:

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

 

HEX #BFFCE3BF まで HEX #FFFFFF


CSSコード:

background-image: radial-gradient(circle, #BFFCE3BF 2%, #FFFFFF 96%);

 

HEX #FFFFFF まで HEX #BFFCE3BF


CSSコード:

background-image: linear-gradient(135deg, #FFFFFF 7%, #BFFCE3BF 94%);

 

HEX #FFFFFF まで HEX #BFFCE3BF


CSSコード:

background-image: radial-gradient(circle, #FFFFFF 5%, #BFFCE3BF 99%);

リニア

HEX #BFFCE3BF まで HEX #C0FCD3BF


CSSコード:

background-image: linear-gradient(135deg, #BFFCE3BF 6%, #C0FCD3BF 86%);

ラジアル

HEX #BFFCE3BF まで HEX #C0FCD3BF


CSSコード:

background-image: radial-gradient(circle, #BFFCE3BF 10%, #C0FCD3BF 96%);

 

HEX #C0FCD3BF まで HEX #BFFCE3BF


CSSコード:

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

 

HEX #C0FCD3BF まで HEX #BFFCE3BF


CSSコード:

background-image: radial-gradient(circle, #C0FCD3BF 4%, #BFFCE3BF 88%);

 

HEX #BFFCE3BF まで HEX #C0FCE3BF


CSSコード:

background-image: linear-gradient(135deg, #BFFCE3BF 4%, #C0FCE3BF 98%);

 

HEX #BFFCE3BF まで HEX #C0FCE3BF


CSSコード:

background-image: radial-gradient(circle, #BFFCE3BF 14%, #C0FCE3BF 99%);

 

HEX #C0FCE3BF まで HEX #BFFCE3BF


CSSコード:

background-image: linear-gradient(135deg, #C0FCE3BF 7%, #BFFCE3BF 98%);

 

HEX #C0FCE3BF まで HEX #BFFCE3BF


CSSコード:

background-image: radial-gradient(circle, #C0FCE3BF 8%, #BFFCE3BF 91%);

 

HEX #BFFCE3BF まで HEX #C0FCF3BF


CSSコード:

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

 

HEX #BFFCE3BF まで HEX #C0FCF3BF


CSSコード:

background-image: radial-gradient(circle, #BFFCE3BF 14%, #C0FCF3BF 99%);

 

HEX #C0FCF3BF まで HEX #BFFCE3BF


CSSコード:

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

 

HEX #C0FCF3BF まで HEX #BFFCE3BF


CSSコード:

background-image: radial-gradient(circle, #C0FCF3BF 1%, #BFFCE3BF 97%);

 

HEX #BFFCE3BF まで HEX #C0F5FCBF


CSSコード:

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

 

HEX #BFFCE3BF まで HEX #C0F5FCBF


CSSコード:

background-image: radial-gradient(circle, #BFFCE3BF 3%, #C0F5FCBF 90%);

 

HEX #C0F5FCBF まで HEX #BFFCE3BF


CSSコード:

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

 

HEX #C0F5FCBF まで HEX #BFFCE3BF


CSSコード:

background-image: radial-gradient(circle, #C0F5FCBF 13%, #BFFCE3BF 89%);

リニア

HEX #BFFCE3BF まで HEX #98FAD2


CSSコード:

background-image: linear-gradient(135deg, #BFFCE3BF 8%, #98FAD2 94%);

ラジアル

HEX #BFFCE3BF まで HEX #98FAD2


CSSコード:

background-image: radial-gradient(circle, #BFFCE3BF 12%, #98FAD2 93%);

 

HEX #98FAD2 まで HEX #BFFCE3BF


CSSコード:

background-image: linear-gradient(135deg, #98FAD2 8%, #BFFCE3BF 90%);

 

HEX #98FAD2 まで HEX #BFFCE3BF


CSSコード:

background-image: radial-gradient(circle, #98FAD2 4%, #BFFCE3BF 91%);

 

HEX #BFFCE3BF まで HEX #C0FCE3


CSSコード:

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

 

HEX #BFFCE3BF まで HEX #C0FCE3


CSSコード:

background-image: radial-gradient(circle, #BFFCE3BF 3%, #C0FCE3 95%);

 

HEX #C0FCE3 まで HEX #BFFCE3BF


CSSコード:

background-image: linear-gradient(135deg, #C0FCE3 3%, #BFFCE3BF 94%);

 

HEX #C0FCE3 まで HEX #BFFCE3BF


CSSコード:

background-image: radial-gradient(circle, #C0FCE3 8%, #BFFCE3BF 91%);

 

HEX #BFFCE3BF まで HEX #E7FEF5


CSSコード:

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

 

HEX #BFFCE3BF まで HEX #E7FEF5


CSSコード:

background-image: radial-gradient(circle, #BFFCE3BF 13%, #E7FEF5 96%);

 

HEX #E7FEF5 まで HEX #BFFCE3BF


CSSコード:

background-image: linear-gradient(135deg, #E7FEF5 11%, #BFFCE3BF 99%);

 

HEX #E7FEF5 まで HEX #BFFCE3BF


CSSコード:

background-image: radial-gradient(circle, #E7FEF5 3%, #BFFCE3BF 100%);

 

HEX #BFFCE3BF まで HEX #FFFFFF


CSSコード:

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

 

HEX #BFFCE3BF まで HEX #FFFFFF


CSSコード:

background-image: radial-gradient(circle, #BFFCE3BF 14%, #FFFFFF 100%);

 

HEX #FFFFFF まで HEX #BFFCE3BF


CSSコード:

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

 

HEX #FFFFFF まで HEX #BFFCE3BF


CSSコード:

background-image: radial-gradient(circle, #FFFFFF 7%, #BFFCE3BF 89%);

リニア

HEX #BFFCE3BF まで HEX #C0CDFC


CSSコード:

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

ラジアル

HEX #BFFCE3BF まで HEX #C0CDFC


CSSコード:

background-image: radial-gradient(circle, #BFFCE3BF 4%, #C0CDFC 98%);

 

HEX #C0CDFC まで HEX #BFFCE3BF


CSSコード:

background-image: linear-gradient(135deg, #C0CDFC 6%, #BFFCE3BF 87%);

 

HEX #C0CDFC まで HEX #BFFCE3BF


CSSコード:

background-image: radial-gradient(circle, #C0CDFC 1%, #BFFCE3BF 87%);

 

HEX #BFFCE3BF まで HEX #FCCBC0


CSSコード:

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

 

HEX #BFFCE3BF まで HEX #FCCBC0


CSSコード:

background-image: radial-gradient(circle, #BFFCE3BF 3%, #FCCBC0 90%);

 

HEX #FCCBC0 まで HEX #BFFCE3BF


CSSコード:

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

 

HEX #FCCBC0 まで HEX #BFFCE3BF


CSSコード:

background-image: radial-gradient(circle, #FCCBC0 6%, #BFFCE3BF 97%);

リニア

HEX #BFFCE3BF まで HEX #E3C0FC


CSSコード:

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

ラジアル

HEX #BFFCE3BF まで HEX #E3C0FC


CSSコード:

background-image: radial-gradient(circle, #BFFCE3BF 13%, #E3C0FC 95%);

 

HEX #E3C0FC まで HEX #BFFCE3BF


CSSコード:

background-image: linear-gradient(135deg, #E3C0FC 6%, #BFFCE3BF 90%);

 

HEX #E3C0FC まで HEX #BFFCE3BF


CSSコード:

background-image: radial-gradient(circle, #E3C0FC 5%, #BFFCE3BF 89%);

 

HEX #BFFCE3BF まで HEX #FCE3C0


CSSコード:

background-image: linear-gradient(135deg, #BFFCE3BF 6%, #FCE3C0 92%);

 

HEX #BFFCE3BF まで HEX #FCE3C0


CSSコード:

background-image: radial-gradient(circle, #BFFCE3BF 4%, #FCE3C0 93%);

 

HEX #FCE3C0 まで HEX #BFFCE3BF


CSSコード:

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

 

HEX #FCE3C0 まで HEX #BFFCE3BF


CSSコード:

background-image: radial-gradient(circle, #FCE3C0 14%, #BFFCE3BF 87%);

リニア

HEX #BFFCE3BF まで HEX #C0CDFC


CSSコード:

background-image: linear-gradient(135deg, #BFFCE3BF 9%, #C0CDFC 86%);

ラジアル

HEX #BFFCE3BF まで HEX #C0CDFC


CSSコード:

background-image: radial-gradient(circle, #BFFCE3BF 9%, #C0CDFC 87%);

 

HEX #C0CDFC まで HEX #BFFCE3BF


CSSコード:

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

 

HEX #C0CDFC まで HEX #BFFCE3BF


CSSコード:

background-image: radial-gradient(circle, #C0CDFC 14%, #BFFCE3BF 100%);

 

HEX #BFFCE3BF まで HEX #FCC0D9


CSSコード:

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

 

HEX #BFFCE3BF まで HEX #FCC0D9


CSSコード:

background-image: radial-gradient(circle, #BFFCE3BF 7%, #FCC0D9 86%);

 

HEX #FCC0D9 まで HEX #BFFCE3BF


CSSコード:

background-image: linear-gradient(135deg, #FCC0D9 1%, #BFFCE3BF 95%);

 

HEX #FCC0D9 まで HEX #BFFCE3BF


CSSコード:

background-image: radial-gradient(circle, #FCC0D9 7%, #BFFCE3BF 92%);

 

HEX #BFFCE3BF まで HEX #FCEFC0


CSSコード:

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

 

HEX #BFFCE3BF まで HEX #FCEFC0


CSSコード:

background-image: radial-gradient(circle, #BFFCE3BF 11%, #FCEFC0 90%);

 

HEX #FCEFC0 まで HEX #BFFCE3BF


CSSコード:

background-image: linear-gradient(135deg, #FCEFC0 12%, #BFFCE3BF 98%);

 

HEX #FCEFC0 まで HEX #BFFCE3BF


CSSコード:

background-image: radial-gradient(circle, #FCEFC0 2%, #BFFCE3BF 86%);

リニア

HEX #BFFCE3BF まで HEX #C5C0FC


CSSコード:

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

ラジアル

HEX #BFFCE3BF まで HEX #C5C0FC


CSSコード:

background-image: radial-gradient(circle, #BFFCE3BF 12%, #C5C0FC 90%);

 

HEX #C5C0FC まで HEX #BFFCE3BF


CSSコード:

background-image: linear-gradient(135deg, #C5C0FC 1%, #BFFCE3BF 95%);

 

HEX #C5C0FC まで HEX #BFFCE3BF


CSSコード:

background-image: radial-gradient(circle, #C5C0FC 10%, #BFFCE3BF 97%);

 

HEX #BFFCE3BF まで HEX #FCC0D9


CSSコード:

background-image: linear-gradient(135deg, #BFFCE3BF 4%, #FCC0D9 97%);

 

HEX #BFFCE3BF まで HEX #FCC0D9


CSSコード:

background-image: radial-gradient(circle, #BFFCE3BF 9%, #FCC0D9 93%);

 

HEX #FCC0D9 まで HEX #BFFCE3BF


CSSコード:

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

 

HEX #FCC0D9 まで HEX #BFFCE3BF


CSSコード:

background-image: radial-gradient(circle, #FCC0D9 2%, #BFFCE3BF 92%);

 

HEX #BFFCE3BF まで HEX #F7FCC0


CSSコード:

background-image: linear-gradient(135deg, #BFFCE3BF 2%, #F7FCC0 98%);

 

HEX #BFFCE3BF まで HEX #F7FCC0


CSSコード:

background-image: radial-gradient(circle, #BFFCE3BF 0%, #F7FCC0 100%);

 

HEX #F7FCC0 まで HEX #BFFCE3BF


CSSコード:

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

 

HEX #F7FCC0 まで HEX #BFFCE3BF


CSSコード:

background-image: radial-gradient(circle, #F7FCC0 8%, #BFFCE3BF 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

カミーユ に 呪咀

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