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

CSS グラデーション:
RGBA 121 191 255 0.75

インフォメーション

一網打尽



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

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



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

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



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

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

表示オプション

商品説明

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #79BFFFBF まで HEX #864000BF


CSSコード:

background-image: linear-gradient(135deg, #79BFFFBF 1%, #864000BF 97%);

ラジアル

HEX #79BFFFBF まで HEX #864000BF


CSSコード:

background-image: radial-gradient(circle, #79BFFFBF 8%, #864000BF 97%);

 

HEX #864000BF まで HEX #79BFFFBF


CSSコード:

background-image: linear-gradient(135deg, #864000BF 13%, #79BFFFBF 92%);

 

HEX #864000BF まで HEX #79BFFFBF


CSSコード:

background-image: radial-gradient(circle, #864000BF 7%, #79BFFFBF 90%);

リニア

HEX #79BFFFBF まで HEX #7AE4FFBF


CSSコード:

background-image: linear-gradient(135deg, #79BFFFBF 7%, #7AE4FFBF 88%);

ラジアル

HEX #79BFFFBF まで HEX #7AE4FFBF


CSSコード:

background-image: radial-gradient(circle, #79BFFFBF 3%, #7AE4FFBF 93%);

 

HEX #7AE4FFBF まで HEX #79BFFFBF


CSSコード:

background-image: linear-gradient(135deg, #7AE4FFBF 9%, #79BFFFBF 90%);

 

HEX #7AE4FFBF まで HEX #79BFFFBF


CSSコード:

background-image: radial-gradient(circle, #7AE4FFBF 5%, #79BFFFBF 86%);

 

HEX #79BFFFBF まで HEX #7AC1FFBF


CSSコード:

background-image: linear-gradient(135deg, #79BFFFBF 4%, #7AC1FFBF 90%);

 

HEX #79BFFFBF まで HEX #7AC1FFBF


CSSコード:

background-image: radial-gradient(circle, #79BFFFBF 8%, #7AC1FFBF 95%);

 

HEX #7AC1FFBF まで HEX #79BFFFBF


CSSコード:

background-image: linear-gradient(135deg, #7AC1FFBF 7%, #79BFFFBF 94%);

 

HEX #7AC1FFBF まで HEX #79BFFFBF


CSSコード:

background-image: radial-gradient(circle, #7AC1FFBF 7%, #79BFFFBF 96%);

 

HEX #79BFFFBF まで HEX #7A9EFFBF


CSSコード:

background-image: linear-gradient(135deg, #79BFFFBF 8%, #7A9EFFBF 86%);

 

HEX #79BFFFBF まで HEX #7A9EFFBF


CSSコード:

background-image: radial-gradient(circle, #79BFFFBF 14%, #7A9EFFBF 96%);

 

HEX #7A9EFFBF まで HEX #79BFFFBF


CSSコード:

background-image: linear-gradient(135deg, #7A9EFFBF 1%, #79BFFFBF 89%);

 

HEX #7A9EFFBF まで HEX #79BFFFBF


CSSコード:

background-image: radial-gradient(circle, #7A9EFFBF 12%, #79BFFFBF 89%);

 

HEX #79BFFFBF まで HEX #7A7AFFBF


CSSコード:

background-image: linear-gradient(135deg, #79BFFFBF 6%, #7A7AFFBF 88%);

 

HEX #79BFFFBF まで HEX #7A7AFFBF


CSSコード:

background-image: radial-gradient(circle, #79BFFFBF 1%, #7A7AFFBF 89%);

 

HEX #7A7AFFBF まで HEX #79BFFFBF


CSSコード:

background-image: linear-gradient(135deg, #7A7AFFBF 2%, #79BFFFBF 91%);

 

HEX #7A7AFFBF まで HEX #79BFFFBF


CSSコード:

background-image: radial-gradient(circle, #7A7AFFBF 4%, #79BFFFBF 98%);

リニア

HEX #79BFFFBF まで HEX #51ACFF


CSSコード:

background-image: linear-gradient(135deg, #79BFFFBF 13%, #51ACFF 89%);

ラジアル

HEX #79BFFFBF まで HEX #51ACFF


CSSコード:

background-image: radial-gradient(circle, #79BFFFBF 5%, #51ACFF 93%);

 

HEX #51ACFF まで HEX #79BFFFBF


CSSコード:

background-image: linear-gradient(135deg, #51ACFF 11%, #79BFFFBF 95%);

 

HEX #51ACFF まで HEX #79BFFFBF


CSSコード:

background-image: radial-gradient(circle, #51ACFF 3%, #79BFFFBF 98%);

 

HEX #79BFFFBF まで HEX #7AC0FF


CSSコード:

background-image: linear-gradient(135deg, #79BFFFBF 14%, #7AC0FF 90%);

 

HEX #79BFFFBF まで HEX #7AC0FF


CSSコード:

background-image: radial-gradient(circle, #79BFFFBF 5%, #7AC0FF 100%);

 

HEX #7AC0FF まで HEX #79BFFFBF


CSSコード:

background-image: linear-gradient(135deg, #7AC0FF 4%, #79BFFFBF 90%);

 

HEX #7AC0FF まで HEX #79BFFFBF


CSSコード:

background-image: radial-gradient(circle, #7AC0FF 13%, #79BFFFBF 93%);

 

HEX #79BFFFBF まで HEX #A4D3FF


CSSコード:

background-image: linear-gradient(135deg, #79BFFFBF 9%, #A4D3FF 92%);

 

HEX #79BFFFBF まで HEX #A4D3FF


CSSコード:

background-image: radial-gradient(circle, #79BFFFBF 9%, #A4D3FF 91%);

 

HEX #A4D3FF まで HEX #79BFFFBF


CSSコード:

background-image: linear-gradient(135deg, #A4D3FF 7%, #79BFFFBF 94%);

 

HEX #A4D3FF まで HEX #79BFFFBF


CSSコード:

background-image: radial-gradient(circle, #A4D3FF 6%, #79BFFFBF 88%);

 

HEX #79BFFFBF まで HEX #CDE7FF


CSSコード:

background-image: linear-gradient(135deg, #79BFFFBF 6%, #CDE7FF 90%);

 

HEX #79BFFFBF まで HEX #CDE7FF


CSSコード:

background-image: radial-gradient(circle, #79BFFFBF 5%, #CDE7FF 96%);

 

HEX #CDE7FF まで HEX #79BFFFBF


CSSコード:

background-image: linear-gradient(135deg, #CDE7FF 5%, #79BFFFBF 94%);

 

HEX #CDE7FF まで HEX #79BFFFBF


CSSコード:

background-image: radial-gradient(circle, #CDE7FF 3%, #79BFFFBF 92%);

リニア

HEX #79BFFFBF まで HEX #7AE4FFBF


CSSコード:

background-image: linear-gradient(135deg, #79BFFFBF 4%, #7AE4FFBF 88%);

ラジアル

HEX #79BFFFBF まで HEX #7AE4FFBF


CSSコード:

background-image: radial-gradient(circle, #79BFFFBF 14%, #7AE4FFBF 96%);

 

HEX #7AE4FFBF まで HEX #79BFFFBF


CSSコード:

background-image: linear-gradient(135deg, #7AE4FFBF 3%, #79BFFFBF 96%);

 

HEX #7AE4FFBF まで HEX #79BFFFBF


CSSコード:

background-image: radial-gradient(circle, #7AE4FFBF 5%, #79BFFFBF 94%);

 

HEX #79BFFFBF まで HEX #7AC1FFBF


CSSコード:

background-image: linear-gradient(135deg, #79BFFFBF 7%, #7AC1FFBF 92%);

 

HEX #79BFFFBF まで HEX #7AC1FFBF


CSSコード:

background-image: radial-gradient(circle, #79BFFFBF 12%, #7AC1FFBF 92%);

 

HEX #7AC1FFBF まで HEX #79BFFFBF


CSSコード:

background-image: linear-gradient(135deg, #7AC1FFBF 11%, #79BFFFBF 93%);

 

HEX #7AC1FFBF まで HEX #79BFFFBF


CSSコード:

background-image: radial-gradient(circle, #7AC1FFBF 14%, #79BFFFBF 92%);

 

HEX #79BFFFBF まで HEX #7A9EFFBF


CSSコード:

background-image: linear-gradient(135deg, #79BFFFBF 12%, #7A9EFFBF 99%);

 

HEX #79BFFFBF まで HEX #7A9EFFBF


CSSコード:

background-image: radial-gradient(circle, #79BFFFBF 3%, #7A9EFFBF 94%);

 

HEX #7A9EFFBF まで HEX #79BFFFBF


CSSコード:

background-image: linear-gradient(135deg, #7A9EFFBF 11%, #79BFFFBF 97%);

 

HEX #7A9EFFBF まで HEX #79BFFFBF


CSSコード:

background-image: radial-gradient(circle, #7A9EFFBF 13%, #79BFFFBF 95%);

 

HEX #79BFFFBF まで HEX #7A7AFFBF


CSSコード:

background-image: linear-gradient(135deg, #79BFFFBF 4%, #7A7AFFBF 91%);

 

HEX #79BFFFBF まで HEX #7A7AFFBF


CSSコード:

background-image: radial-gradient(circle, #79BFFFBF 9%, #7A7AFFBF 90%);

 

HEX #7A7AFFBF まで HEX #79BFFFBF


CSSコード:

background-image: linear-gradient(135deg, #7A7AFFBF 1%, #79BFFFBF 87%);

 

HEX #7A7AFFBF まで HEX #79BFFFBF


CSSコード:

background-image: radial-gradient(circle, #7A7AFFBF 4%, #79BFFFBF 97%);

リニア

HEX #79BFFFBF まで HEX #51ACFF


CSSコード:

background-image: linear-gradient(135deg, #79BFFFBF 12%, #51ACFF 88%);

ラジアル

HEX #79BFFFBF まで HEX #51ACFF


CSSコード:

background-image: radial-gradient(circle, #79BFFFBF 10%, #51ACFF 92%);

 

HEX #51ACFF まで HEX #79BFFFBF


CSSコード:

background-image: linear-gradient(135deg, #51ACFF 14%, #79BFFFBF 92%);

 

HEX #51ACFF まで HEX #79BFFFBF


CSSコード:

background-image: radial-gradient(circle, #51ACFF 11%, #79BFFFBF 97%);

 

HEX #79BFFFBF まで HEX #7AC0FF


CSSコード:

background-image: linear-gradient(135deg, #79BFFFBF 14%, #7AC0FF 88%);

 

HEX #79BFFFBF まで HEX #7AC0FF


CSSコード:

background-image: radial-gradient(circle, #79BFFFBF 6%, #7AC0FF 98%);

 

HEX #7AC0FF まで HEX #79BFFFBF


CSSコード:

background-image: linear-gradient(135deg, #7AC0FF 12%, #79BFFFBF 92%);

 

HEX #7AC0FF まで HEX #79BFFFBF


CSSコード:

background-image: radial-gradient(circle, #7AC0FF 11%, #79BFFFBF 93%);

 

HEX #79BFFFBF まで HEX #A4D3FF


CSSコード:

background-image: linear-gradient(135deg, #79BFFFBF 1%, #A4D3FF 87%);

 

HEX #79BFFFBF まで HEX #A4D3FF


CSSコード:

background-image: radial-gradient(circle, #79BFFFBF 0%, #A4D3FF 97%);

 

HEX #A4D3FF まで HEX #79BFFFBF


CSSコード:

background-image: linear-gradient(135deg, #A4D3FF 4%, #79BFFFBF 96%);

 

HEX #A4D3FF まで HEX #79BFFFBF


CSSコード:

background-image: radial-gradient(circle, #A4D3FF 8%, #79BFFFBF 94%);

 

HEX #79BFFFBF まで HEX #CDE7FF


CSSコード:

background-image: linear-gradient(135deg, #79BFFFBF 0%, #CDE7FF 86%);

 

HEX #79BFFFBF まで HEX #CDE7FF


CSSコード:

background-image: radial-gradient(circle, #79BFFFBF 10%, #CDE7FF 91%);

 

HEX #CDE7FF まで HEX #79BFFFBF


CSSコード:

background-image: linear-gradient(135deg, #CDE7FF 8%, #79BFFFBF 86%);

 

HEX #CDE7FF まで HEX #79BFFFBF


CSSコード:

background-image: radial-gradient(circle, #CDE7FF 8%, #79BFFFBF 93%);

リニア

HEX #79BFFFBF まで HEX #D37AFF


CSSコード:

background-image: linear-gradient(135deg, #79BFFFBF 11%, #D37AFF 92%);

ラジアル

HEX #79BFFFBF まで HEX #D37AFF


CSSコード:

background-image: radial-gradient(circle, #79BFFFBF 3%, #D37AFF 95%);

 

HEX #D37AFF まで HEX #79BFFFBF


CSSコード:

background-image: linear-gradient(135deg, #D37AFF 0%, #79BFFFBF 97%);

 

HEX #D37AFF まで HEX #79BFFFBF


CSSコード:

background-image: radial-gradient(circle, #D37AFF 12%, #79BFFFBF 98%);

 

HEX #79BFFFBF まで HEX #F6FF7A


CSSコード:

background-image: linear-gradient(135deg, #79BFFFBF 0%, #F6FF7A 89%);

 

HEX #79BFFFBF まで HEX #F6FF7A


CSSコード:

background-image: radial-gradient(circle, #79BFFFBF 8%, #F6FF7A 91%);

 

HEX #F6FF7A まで HEX #79BFFFBF


CSSコード:

background-image: linear-gradient(135deg, #F6FF7A 2%, #79BFFFBF 96%);

 

HEX #F6FF7A まで HEX #79BFFFBF


CSSコード:

background-image: radial-gradient(circle, #F6FF7A 0%, #79BFFFBF 98%);

リニア

HEX #79BFFFBF まで HEX #FF7AC1


CSSコード:

background-image: linear-gradient(135deg, #79BFFFBF 14%, #FF7AC1 96%);

ラジアル

HEX #79BFFFBF まで HEX #FF7AC1


CSSコード:

background-image: radial-gradient(circle, #79BFFFBF 3%, #FF7AC1 96%);

 

HEX #FF7AC1 まで HEX #79BFFFBF


CSSコード:

background-image: linear-gradient(135deg, #FF7AC1 5%, #79BFFFBF 86%);

 

HEX #FF7AC1 まで HEX #79BFFFBF


CSSコード:

background-image: radial-gradient(circle, #FF7AC1 13%, #79BFFFBF 98%);

 

HEX #79BFFFBF まで HEX #C1FF7A


CSSコード:

background-image: linear-gradient(135deg, #79BFFFBF 14%, #C1FF7A 94%);

 

HEX #79BFFFBF まで HEX #C1FF7A


CSSコード:

background-image: radial-gradient(circle, #79BFFFBF 7%, #C1FF7A 86%);

 

HEX #C1FF7A まで HEX #79BFFFBF


CSSコード:

background-image: linear-gradient(135deg, #C1FF7A 6%, #79BFFFBF 100%);

 

HEX #C1FF7A まで HEX #79BFFFBF


CSSコード:

background-image: radial-gradient(circle, #C1FF7A 4%, #79BFFFBF 89%);

リニア

HEX #79BFFFBF まで HEX #D37AFF


CSSコード:

background-image: linear-gradient(135deg, #79BFFFBF 4%, #D37AFF 87%);

ラジアル

HEX #79BFFFBF まで HEX #D37AFF


CSSコード:

background-image: radial-gradient(circle, #79BFFFBF 7%, #D37AFF 88%);

 

HEX #D37AFF まで HEX #79BFFFBF


CSSコード:

background-image: linear-gradient(135deg, #D37AFF 12%, #79BFFFBF 90%);

 

HEX #D37AFF まで HEX #79BFFFBF


CSSコード:

background-image: radial-gradient(circle, #D37AFF 7%, #79BFFFBF 100%);

 

HEX #79BFFFBF まで HEX #FFB87A


CSSコード:

background-image: linear-gradient(135deg, #79BFFFBF 12%, #FFB87A 89%);

 

HEX #79BFFFBF まで HEX #FFB87A


CSSコード:

background-image: radial-gradient(circle, #79BFFFBF 11%, #FFB87A 96%);

 

HEX #FFB87A まで HEX #79BFFFBF


CSSコード:

background-image: linear-gradient(135deg, #FFB87A 4%, #79BFFFBF 90%);

 

HEX #FFB87A まで HEX #79BFFFBF


CSSコード:

background-image: radial-gradient(circle, #FFB87A 8%, #79BFFFBF 86%);

 

HEX #79BFFFBF まで HEX #A7FF7A


CSSコード:

background-image: linear-gradient(135deg, #79BFFFBF 5%, #A7FF7A 91%);

 

HEX #79BFFFBF まで HEX #A7FF7A


CSSコード:

background-image: radial-gradient(circle, #79BFFFBF 10%, #A7FF7A 96%);

 

HEX #A7FF7A まで HEX #79BFFFBF


CSSコード:

background-image: linear-gradient(135deg, #A7FF7A 14%, #79BFFFBF 100%);

 

HEX #A7FF7A まで HEX #79BFFFBF


CSSコード:

background-image: radial-gradient(circle, #A7FF7A 1%, #79BFFFBF 98%);

リニア

HEX #79BFFFBF まで HEX #FB7AFF


CSSコード:

background-image: linear-gradient(135deg, #79BFFFBF 8%, #FB7AFF 88%);

ラジアル

HEX #79BFFFBF まで HEX #FB7AFF


CSSコード:

background-image: radial-gradient(circle, #79BFFFBF 0%, #FB7AFF 86%);

 

HEX #FB7AFF まで HEX #79BFFFBF


CSSコード:

background-image: linear-gradient(135deg, #FB7AFF 7%, #79BFFFBF 100%);

 

HEX #FB7AFF まで HEX #79BFFFBF


CSSコード:

background-image: radial-gradient(circle, #FB7AFF 10%, #79BFFFBF 97%);

 

HEX #79BFFFBF まで HEX #FFB87A


CSSコード:

background-image: linear-gradient(135deg, #79BFFFBF 10%, #FFB87A 94%);

 

HEX #79BFFFBF まで HEX #FFB87A


CSSコード:

background-image: radial-gradient(circle, #79BFFFBF 9%, #FFB87A 94%);

 

HEX #FFB87A まで HEX #79BFFFBF


CSSコード:

background-image: linear-gradient(135deg, #FFB87A 3%, #79BFFFBF 93%);

 

HEX #FFB87A まで HEX #79BFFFBF


CSSコード:

background-image: radial-gradient(circle, #FFB87A 10%, #79BFFFBF 100%);

 

HEX #79BFFFBF まで HEX #7FFF7A


CSSコード:

background-image: linear-gradient(135deg, #79BFFFBF 4%, #7FFF7A 96%);

 

HEX #79BFFFBF まで HEX #7FFF7A


CSSコード:

background-image: radial-gradient(circle, #79BFFFBF 11%, #7FFF7A 98%);

 

HEX #7FFF7A まで HEX #79BFFFBF


CSSコード:

background-image: linear-gradient(135deg, #7FFF7A 0%, #79BFFFBF 97%);

 

HEX #7FFF7A まで HEX #79BFFFBF


CSSコード:

background-image: radial-gradient(circle, #7FFF7A 4%, #79BFFFBF 95%);

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

サービス内容

カラー

ラグビー に 呪咀

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