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

error rgb: 188.9_254.2_144

CSS グラデーション:
RGB 188.9 254.2 144

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #BCFE90 まで HEX #42006F


CSSコード:

background-image: linear-gradient(135deg, #BCFE90 12%, #42006F 87%);

ラジアル

HEX #BCFE90 まで HEX #42006F


CSSコード:

background-image: radial-gradient(circle, #BCFE90 0%, #42006F 89%);

 

HEX #42006F まで HEX #BCFE90


CSSコード:

background-image: linear-gradient(135deg, #42006F 14%, #BCFE90 100%);

 

HEX #42006F まで HEX #BCFE90


CSSコード:

background-image: radial-gradient(circle, #42006F 10%, #BCFE90 92%);

リニア

HEX #BCFE90 まで HEX #DBFE8F


CSSコード:

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

ラジアル

HEX #BCFE90 まで HEX #DBFE8F


CSSコード:

background-image: radial-gradient(circle, #BCFE90 11%, #DBFE8F 97%);

 

HEX #DBFE8F まで HEX #BCFE90


CSSコード:

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

 

HEX #DBFE8F まで HEX #BCFE90


CSSコード:

background-image: radial-gradient(circle, #DBFE8F 11%, #BCFE90 86%);

 

HEX #BCFE90 まで HEX #BDFE8F


CSSコード:

background-image: linear-gradient(135deg, #BCFE90 13%, #BDFE8F 91%);

 

HEX #BCFE90 まで HEX #BDFE8F


CSSコード:

background-image: radial-gradient(circle, #BCFE90 12%, #BDFE8F 97%);

 

HEX #BDFE8F まで HEX #BCFE90


CSSコード:

background-image: linear-gradient(135deg, #BDFE8F 1%, #BCFE90 98%);

 

HEX #BDFE8F まで HEX #BCFE90


CSSコード:

background-image: radial-gradient(circle, #BDFE8F 12%, #BCFE90 92%);

 

HEX #BCFE90 まで HEX #A0FE8F


CSSコード:

background-image: linear-gradient(135deg, #BCFE90 9%, #A0FE8F 88%);

 

HEX #BCFE90 まで HEX #A0FE8F


CSSコード:

background-image: radial-gradient(circle, #BCFE90 7%, #A0FE8F 99%);

 

HEX #A0FE8F まで HEX #BCFE90


CSSコード:

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

 

HEX #A0FE8F まで HEX #BCFE90


CSSコード:

background-image: radial-gradient(circle, #A0FE8F 5%, #BCFE90 97%);

 

HEX #BCFE90 まで HEX #8FFE9C


CSSコード:

background-image: linear-gradient(135deg, #BCFE90 7%, #8FFE9C 87%);

 

HEX #BCFE90 まで HEX #8FFE9C


CSSコード:

background-image: radial-gradient(circle, #BCFE90 10%, #8FFE9C 89%);

 

HEX #8FFE9C まで HEX #BCFE90


CSSコード:

background-image: linear-gradient(135deg, #8FFE9C 10%, #BCFE90 100%);

 

HEX #8FFE9C まで HEX #BCFE90


CSSコード:

background-image: radial-gradient(circle, #8FFE9C 14%, #BCFE90 87%);

リニア

HEX #BCFE90 まで HEX #A4FE66


CSSコード:

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

ラジアル

HEX #BCFE90 まで HEX #A4FE66


CSSコード:

background-image: radial-gradient(circle, #BCFE90 11%, #A4FE66 91%);

 

HEX #A4FE66 まで HEX #BCFE90


CSSコード:

background-image: linear-gradient(135deg, #A4FE66 8%, #BCFE90 93%);

 

HEX #A4FE66 まで HEX #BCFE90


CSSコード:

background-image: radial-gradient(circle, #A4FE66 13%, #BCFE90 90%);

 

HEX #BCFE90 まで HEX #BCFE8F


CSSコード:

background-image: linear-gradient(135deg, #BCFE90 14%, #BCFE8F 91%);

 

HEX #BCFE90 まで HEX #BCFE8F


CSSコード:

background-image: radial-gradient(circle, #BCFE90 4%, #BCFE8F 87%);

 

HEX #BCFE8F まで HEX #BCFE90


CSSコード:

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

 

HEX #BCFE8F まで HEX #BCFE90


CSSコード:

background-image: radial-gradient(circle, #BCFE8F 11%, #BCFE90 86%);

 

HEX #BCFE90 まで HEX #D5FEB8


CSSコード:

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

 

HEX #BCFE90 まで HEX #D5FEB8


CSSコード:

background-image: radial-gradient(circle, #BCFE90 8%, #D5FEB8 99%);

 

HEX #D5FEB8 まで HEX #BCFE90


CSSコード:

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

 

HEX #D5FEB8 まで HEX #BCFE90


CSSコード:

background-image: radial-gradient(circle, #D5FEB8 9%, #BCFE90 94%);

 

HEX #BCFE90 まで HEX #EDFEE1


CSSコード:

background-image: linear-gradient(135deg, #BCFE90 11%, #EDFEE1 97%);

 

HEX #BCFE90 まで HEX #EDFEE1


CSSコード:

background-image: radial-gradient(circle, #BCFE90 13%, #EDFEE1 92%);

 

HEX #EDFEE1 まで HEX #BCFE90


CSSコード:

background-image: linear-gradient(135deg, #EDFEE1 11%, #BCFE90 98%);

 

HEX #EDFEE1 まで HEX #BCFE90


CSSコード:

background-image: radial-gradient(circle, #EDFEE1 3%, #BCFE90 86%);

リニア

HEX #BCFE90 まで HEX #DBFE8F


CSSコード:

background-image: linear-gradient(135deg, #BCFE90 4%, #DBFE8F 89%);

ラジアル

HEX #BCFE90 まで HEX #DBFE8F


CSSコード:

background-image: radial-gradient(circle, #BCFE90 6%, #DBFE8F 98%);

 

HEX #DBFE8F まで HEX #BCFE90


CSSコード:

background-image: linear-gradient(135deg, #DBFE8F 6%, #BCFE90 94%);

 

HEX #DBFE8F まで HEX #BCFE90


CSSコード:

background-image: radial-gradient(circle, #DBFE8F 3%, #BCFE90 96%);

 

HEX #BCFE90 まで HEX #BDFE8F


CSSコード:

background-image: linear-gradient(135deg, #BCFE90 3%, #BDFE8F 92%);

 

HEX #BCFE90 まで HEX #BDFE8F


CSSコード:

background-image: radial-gradient(circle, #BCFE90 10%, #BDFE8F 96%);

 

HEX #BDFE8F まで HEX #BCFE90


CSSコード:

background-image: linear-gradient(135deg, #BDFE8F 13%, #BCFE90 91%);

 

HEX #BDFE8F まで HEX #BCFE90


CSSコード:

background-image: radial-gradient(circle, #BDFE8F 1%, #BCFE90 90%);

 

HEX #BCFE90 まで HEX #A0FE8F


CSSコード:

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

 

HEX #BCFE90 まで HEX #A0FE8F


CSSコード:

background-image: radial-gradient(circle, #BCFE90 6%, #A0FE8F 89%);

 

HEX #A0FE8F まで HEX #BCFE90


CSSコード:

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

 

HEX #A0FE8F まで HEX #BCFE90


CSSコード:

background-image: radial-gradient(circle, #A0FE8F 11%, #BCFE90 100%);

 

HEX #BCFE90 まで HEX #8FFE9C


CSSコード:

background-image: linear-gradient(135deg, #BCFE90 1%, #8FFE9C 95%);

 

HEX #BCFE90 まで HEX #8FFE9C


CSSコード:

background-image: radial-gradient(circle, #BCFE90 3%, #8FFE9C 100%);

 

HEX #8FFE9C まで HEX #BCFE90


CSSコード:

background-image: linear-gradient(135deg, #8FFE9C 11%, #BCFE90 86%);

 

HEX #8FFE9C まで HEX #BCFE90


CSSコード:

background-image: radial-gradient(circle, #8FFE9C 13%, #BCFE90 91%);

リニア

HEX #BCFE90 まで HEX #A4FE66


CSSコード:

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

ラジアル

HEX #BCFE90 まで HEX #A4FE66


CSSコード:

background-image: radial-gradient(circle, #BCFE90 0%, #A4FE66 86%);

 

HEX #A4FE66 まで HEX #BCFE90


CSSコード:

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

 

HEX #A4FE66 まで HEX #BCFE90


CSSコード:

background-image: radial-gradient(circle, #A4FE66 8%, #BCFE90 86%);

 

HEX #BCFE90 まで HEX #BCFE8F


CSSコード:

background-image: linear-gradient(135deg, #BCFE90 7%, #BCFE8F 91%);

 

HEX #BCFE90 まで HEX #BCFE8F


CSSコード:

background-image: radial-gradient(circle, #BCFE90 2%, #BCFE8F 92%);

 

HEX #BCFE8F まで HEX #BCFE90


CSSコード:

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

 

HEX #BCFE8F まで HEX #BCFE90


CSSコード:

background-image: radial-gradient(circle, #BCFE8F 5%, #BCFE90 91%);

 

HEX #BCFE90 まで HEX #D5FEB8


CSSコード:

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

 

HEX #BCFE90 まで HEX #D5FEB8


CSSコード:

background-image: radial-gradient(circle, #BCFE90 13%, #D5FEB8 99%);

 

HEX #D5FEB8 まで HEX #BCFE90


CSSコード:

background-image: linear-gradient(135deg, #D5FEB8 13%, #BCFE90 92%);

 

HEX #D5FEB8 まで HEX #BCFE90


CSSコード:

background-image: radial-gradient(circle, #D5FEB8 0%, #BCFE90 94%);

 

HEX #BCFE90 まで HEX #EDFEE1


CSSコード:

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

 

HEX #BCFE90 まで HEX #EDFEE1


CSSコード:

background-image: radial-gradient(circle, #BCFE90 2%, #EDFEE1 86%);

 

HEX #EDFEE1 まで HEX #BCFE90


CSSコード:

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

 

HEX #EDFEE1 まで HEX #BCFE90


CSSコード:

background-image: radial-gradient(circle, #EDFEE1 3%, #BCFE90 86%);

リニア

HEX #BCFE90 まで HEX #8FFEE6


CSSコード:

background-image: linear-gradient(135deg, #BCFE90 6%, #8FFEE6 92%);

ラジアル

HEX #BCFE90 まで HEX #8FFEE6


CSSコード:

background-image: radial-gradient(circle, #BCFE90 13%, #8FFEE6 97%);

 

HEX #8FFEE6 まで HEX #BCFE90


CSSコード:

background-image: linear-gradient(135deg, #8FFEE6 10%, #BCFE90 92%);

 

HEX #8FFEE6 まで HEX #BCFE90


CSSコード:

background-image: radial-gradient(circle, #8FFEE6 9%, #BCFE90 92%);

 

HEX #BCFE90 まで HEX #FE8FEA


CSSコード:

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

 

HEX #BCFE90 まで HEX #FE8FEA


CSSコード:

background-image: radial-gradient(circle, #BCFE90 5%, #FE8FEA 86%);

 

HEX #FE8FEA まで HEX #BCFE90


CSSコード:

background-image: linear-gradient(135deg, #FE8FEA 13%, #BCFE90 88%);

 

HEX #FE8FEA まで HEX #BCFE90


CSSコード:

background-image: radial-gradient(circle, #FE8FEA 12%, #BCFE90 86%);

リニア

HEX #BCFE90 まで HEX #8FBDFE


CSSコード:

background-image: linear-gradient(135deg, #BCFE90 9%, #8FBDFE 86%);

ラジアル

HEX #BCFE90 まで HEX #8FBDFE


CSSコード:

background-image: radial-gradient(circle, #BCFE90 7%, #8FBDFE 99%);

 

HEX #8FBDFE まで HEX #BCFE90


CSSコード:

background-image: linear-gradient(135deg, #8FBDFE 5%, #BCFE90 96%);

 

HEX #8FBDFE まで HEX #BCFE90


CSSコード:

background-image: radial-gradient(circle, #8FBDFE 7%, #BCFE90 97%);

 

HEX #BCFE90 まで HEX #FE8FBD


CSSコード:

background-image: linear-gradient(135deg, #BCFE90 14%, #FE8FBD 89%);

 

HEX #BCFE90 まで HEX #FE8FBD


CSSコード:

background-image: radial-gradient(circle, #BCFE90 7%, #FE8FBD 91%);

 

HEX #FE8FBD まで HEX #BCFE90


CSSコード:

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

 

HEX #FE8FBD まで HEX #BCFE90


CSSコード:

background-image: radial-gradient(circle, #FE8FBD 3%, #BCFE90 98%);

リニア

HEX #BCFE90 まで HEX #8FFEE6


CSSコード:

background-image: linear-gradient(135deg, #BCFE90 13%, #8FFEE6 98%);

ラジアル

HEX #BCFE90 まで HEX #8FFEE6


CSSコード:

background-image: radial-gradient(circle, #BCFE90 2%, #8FFEE6 90%);

 

HEX #8FFEE6 まで HEX #BCFE90


CSSコード:

background-image: linear-gradient(135deg, #8FFEE6 8%, #BCFE90 95%);

 

HEX #8FFEE6 まで HEX #BCFE90


CSSコード:

background-image: radial-gradient(circle, #8FFEE6 1%, #BCFE90 88%);

 

HEX #BCFE90 まで HEX #D08FFE


CSSコード:

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

 

HEX #BCFE90 まで HEX #D08FFE


CSSコード:

background-image: radial-gradient(circle, #BCFE90 5%, #D08FFE 88%);

 

HEX #D08FFE まで HEX #BCFE90


CSSコード:

background-image: linear-gradient(135deg, #D08FFE 7%, #BCFE90 89%);

 

HEX #D08FFE まで HEX #BCFE90


CSSコード:

background-image: radial-gradient(circle, #D08FFE 11%, #BCFE90 98%);

 

HEX #BCFE90 まで HEX #FE8FA7


CSSコード:

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

 

HEX #BCFE90 まで HEX #FE8FA7


CSSコード:

background-image: radial-gradient(circle, #BCFE90 14%, #FE8FA7 94%);

 

HEX #FE8FA7 まで HEX #BCFE90


CSSコード:

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

 

HEX #FE8FA7 まで HEX #BCFE90


CSSコード:

background-image: radial-gradient(circle, #FE8FA7 1%, #BCFE90 96%);

リニア

HEX #BCFE90 まで HEX #8FF5FE


CSSコード:

background-image: linear-gradient(135deg, #BCFE90 1%, #8FF5FE 96%);

ラジアル

HEX #BCFE90 まで HEX #8FF5FE


CSSコード:

background-image: radial-gradient(circle, #BCFE90 14%, #8FF5FE 97%);

 

HEX #8FF5FE まで HEX #BCFE90


CSSコード:

background-image: linear-gradient(135deg, #8FF5FE 9%, #BCFE90 88%);

 

HEX #8FF5FE まで HEX #BCFE90


CSSコード:

background-image: radial-gradient(circle, #8FF5FE 0%, #BCFE90 90%);

 

HEX #BCFE90 まで HEX #D08FFE


CSSコード:

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

 

HEX #BCFE90 まで HEX #D08FFE


CSSコード:

background-image: radial-gradient(circle, #BCFE90 2%, #D08FFE 93%);

 

HEX #D08FFE まで HEX #BCFE90


CSSコード:

background-image: linear-gradient(135deg, #D08FFE 9%, #BCFE90 89%);

 

HEX #D08FFE まで HEX #BCFE90


CSSコード:

background-image: radial-gradient(circle, #D08FFE 1%, #BCFE90 98%);

 

HEX #BCFE90 まで HEX #FE988F


CSSコード:

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

 

HEX #BCFE90 まで HEX #FE988F


CSSコード:

background-image: radial-gradient(circle, #BCFE90 2%, #FE988F 99%);

 

HEX #FE988F まで HEX #BCFE90


CSSコード:

background-image: linear-gradient(135deg, #FE988F 0%, #BCFE90 93%);

 

HEX #FE988F まで HEX #BCFE90


CSSコード:

background-image: radial-gradient(circle, #FE988F 11%, #BCFE90 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

カミーユ に 呪咀

から変換する CMYK シアン/マゼンタ/イエロー/キー まで #RRGGBB

カミーユ に ラグビー

から変換する CMYK シアン/マゼンタ/イエロー/キー まで RGB レッド・グリーン・ブルー

カミーユ に ラル®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで RAL® 番号 (RAL 0000)

カミーユ に 豚足®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで HKS® 番号(HKS 00)

カミーユ に パントン®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで Pantone® 番号 (Pantone 0000)

カミーユ に シャーウィン・ウィリアムズ®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで シャーウィン・ウィリアムズ® 番号 (SW 0000)

カミーユ に エヌシーエス®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで NCS番号(S0000-X00X)

nsc-logo

呪咀 に ラグビー

から変換する #RRGGBB まで RGB レッド・グリーン・ブルー

呪咀 に カミーユ

から変換する #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) まで 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) まで 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) まで 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) まで 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) まで CMYK シアン/マゼンタ/イエロー/キー

Icons

エヌシーエス® に 呪咀

から変換する NCS番号(S0000-X00X) まで #RRGGBB

エヌシーエス® に ラル®

から変換する NCS番号(S0000-X00X) まで RAL® 番号 (RAL 0000)

エヌシーエス® に 豚足®

から変換する NCS番号(S0000-X00X) まで HKS® 番号(HKS 00)

エヌシーエス® に パントン®

から変換する NCS番号(S0000-X00X) まで Pantone® 番号 (Pantone 0000)

エヌシーエス® に シャーウィン・ウィリアムズ®

から変換する NCS番号(S0000-X00X) まで シャーウィン・ウィリアムズ® 番号 (SW 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.