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

error rgb: 151.3_234.4_118

CSS グラデーション:
RGB 151.3 234.4 118

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #97EA76 まで HEX #671489


CSSコード:

background-image: linear-gradient(135deg, #97EA76 10%, #671489 87%);

ラジアル

HEX #97EA76 まで HEX #671489


CSSコード:

background-image: radial-gradient(circle, #97EA76 13%, #671489 99%);

 

HEX #671489 まで HEX #97EA76


CSSコード:

background-image: linear-gradient(135deg, #671489 7%, #97EA76 95%);

 

HEX #671489 まで HEX #97EA76


CSSコード:

background-image: radial-gradient(circle, #671489 4%, #97EA76 90%);

リニア

HEX #97EA76 まで HEX #B7EA75


CSSコード:

background-image: linear-gradient(135deg, #97EA76 3%, #B7EA75 98%);

ラジアル

HEX #97EA76 まで HEX #B7EA75


CSSコード:

background-image: radial-gradient(circle, #97EA76 7%, #B7EA75 97%);

 

HEX #B7EA75 まで HEX #97EA76


CSSコード:

background-image: linear-gradient(135deg, #B7EA75 10%, #97EA76 96%);

 

HEX #B7EA75 まで HEX #97EA76


CSSコード:

background-image: radial-gradient(circle, #B7EA75 4%, #97EA76 95%);

 

HEX #97EA76 まで HEX #98EA75


CSSコード:

background-image: linear-gradient(135deg, #97EA76 9%, #98EA75 96%);

 

HEX #97EA76 まで HEX #98EA75


CSSコード:

background-image: radial-gradient(circle, #97EA76 2%, #98EA75 100%);

 

HEX #98EA75 まで HEX #97EA76


CSSコード:

background-image: linear-gradient(135deg, #98EA75 3%, #97EA76 95%);

 

HEX #98EA75 まで HEX #97EA76


CSSコード:

background-image: radial-gradient(circle, #98EA75 12%, #97EA76 99%);

 

HEX #97EA76 まで HEX #79EA75


CSSコード:

background-image: linear-gradient(135deg, #97EA76 11%, #79EA75 94%);

 

HEX #97EA76 まで HEX #79EA75


CSSコード:

background-image: radial-gradient(circle, #97EA76 11%, #79EA75 87%);

 

HEX #79EA75 まで HEX #97EA76


CSSコード:

background-image: linear-gradient(135deg, #79EA75 9%, #97EA76 98%);

 

HEX #79EA75 まで HEX #97EA76


CSSコード:

background-image: radial-gradient(circle, #79EA75 2%, #97EA76 90%);

 

HEX #97EA76 まで HEX #75EA90


CSSコード:

background-image: linear-gradient(135deg, #97EA76 5%, #75EA90 95%);

 

HEX #97EA76 まで HEX #75EA90


CSSコード:

background-image: radial-gradient(circle, #97EA76 10%, #75EA90 97%);

 

HEX #75EA90 まで HEX #97EA76


CSSコード:

background-image: linear-gradient(135deg, #75EA90 5%, #97EA76 98%);

 

HEX #75EA90 まで HEX #97EA76


CSSコード:

background-image: radial-gradient(circle, #75EA90 10%, #97EA76 99%);

リニア

HEX #97EA76 まで HEX #7BE551


CSSコード:

background-image: linear-gradient(135deg, #97EA76 13%, #7BE551 98%);

ラジアル

HEX #97EA76 まで HEX #7BE551


CSSコード:

background-image: radial-gradient(circle, #97EA76 4%, #7BE551 90%);

 

HEX #7BE551 まで HEX #97EA76


CSSコード:

background-image: linear-gradient(135deg, #7BE551 1%, #97EA76 91%);

 

HEX #7BE551 まで HEX #97EA76


CSSコード:

background-image: radial-gradient(circle, #7BE551 1%, #97EA76 99%);

 

HEX #97EA76 まで HEX #96EA75


CSSコード:

background-image: linear-gradient(135deg, #97EA76 4%, #96EA75 99%);

 

HEX #97EA76 まで HEX #96EA75


CSSコード:

background-image: radial-gradient(circle, #97EA76 7%, #96EA75 99%);

 

HEX #96EA75 まで HEX #97EA76


CSSコード:

background-image: linear-gradient(135deg, #96EA75 12%, #97EA76 96%);

 

HEX #96EA75 まで HEX #97EA76


CSSコード:

background-image: radial-gradient(circle, #96EA75 3%, #97EA76 97%);

 

HEX #97EA76 まで HEX #B2EF99


CSSコード:

background-image: linear-gradient(135deg, #97EA76 1%, #B2EF99 92%);

 

HEX #97EA76 まで HEX #B2EF99


CSSコード:

background-image: radial-gradient(circle, #97EA76 11%, #B2EF99 94%);

 

HEX #B2EF99 まで HEX #97EA76


CSSコード:

background-image: linear-gradient(135deg, #B2EF99 0%, #97EA76 99%);

 

HEX #B2EF99 まで HEX #97EA76


CSSコード:

background-image: radial-gradient(circle, #B2EF99 12%, #97EA76 95%);

 

HEX #97EA76 まで HEX #CDF5BD


CSSコード:

background-image: linear-gradient(135deg, #97EA76 9%, #CDF5BD 97%);

 

HEX #97EA76 まで HEX #CDF5BD


CSSコード:

background-image: radial-gradient(circle, #97EA76 10%, #CDF5BD 91%);

 

HEX #CDF5BD まで HEX #97EA76


CSSコード:

background-image: linear-gradient(135deg, #CDF5BD 0%, #97EA76 98%);

 

HEX #CDF5BD まで HEX #97EA76


CSSコード:

background-image: radial-gradient(circle, #CDF5BD 5%, #97EA76 90%);

リニア

HEX #97EA76 まで HEX #B7EA75


CSSコード:

background-image: linear-gradient(135deg, #97EA76 13%, #B7EA75 99%);

ラジアル

HEX #97EA76 まで HEX #B7EA75


CSSコード:

background-image: radial-gradient(circle, #97EA76 4%, #B7EA75 88%);

 

HEX #B7EA75 まで HEX #97EA76


CSSコード:

background-image: linear-gradient(135deg, #B7EA75 7%, #97EA76 89%);

 

HEX #B7EA75 まで HEX #97EA76


CSSコード:

background-image: radial-gradient(circle, #B7EA75 11%, #97EA76 86%);

 

HEX #97EA76 まで HEX #98EA75


CSSコード:

background-image: linear-gradient(135deg, #97EA76 3%, #98EA75 99%);

 

HEX #97EA76 まで HEX #98EA75


CSSコード:

background-image: radial-gradient(circle, #97EA76 3%, #98EA75 87%);

 

HEX #98EA75 まで HEX #97EA76


CSSコード:

background-image: linear-gradient(135deg, #98EA75 14%, #97EA76 88%);

 

HEX #98EA75 まで HEX #97EA76


CSSコード:

background-image: radial-gradient(circle, #98EA75 14%, #97EA76 89%);

 

HEX #97EA76 まで HEX #79EA75


CSSコード:

background-image: linear-gradient(135deg, #97EA76 0%, #79EA75 98%);

 

HEX #97EA76 まで HEX #79EA75


CSSコード:

background-image: radial-gradient(circle, #97EA76 9%, #79EA75 89%);

 

HEX #79EA75 まで HEX #97EA76


CSSコード:

background-image: linear-gradient(135deg, #79EA75 1%, #97EA76 91%);

 

HEX #79EA75 まで HEX #97EA76


CSSコード:

background-image: radial-gradient(circle, #79EA75 5%, #97EA76 100%);

 

HEX #97EA76 まで HEX #75EA90


CSSコード:

background-image: linear-gradient(135deg, #97EA76 11%, #75EA90 93%);

 

HEX #97EA76 まで HEX #75EA90


CSSコード:

background-image: radial-gradient(circle, #97EA76 13%, #75EA90 99%);

 

HEX #75EA90 まで HEX #97EA76


CSSコード:

background-image: linear-gradient(135deg, #75EA90 13%, #97EA76 89%);

 

HEX #75EA90 まで HEX #97EA76


CSSコード:

background-image: radial-gradient(circle, #75EA90 10%, #97EA76 93%);

リニア

HEX #97EA76 まで HEX #7BE551


CSSコード:

background-image: linear-gradient(135deg, #97EA76 4%, #7BE551 98%);

ラジアル

HEX #97EA76 まで HEX #7BE551


CSSコード:

background-image: radial-gradient(circle, #97EA76 11%, #7BE551 87%);

 

HEX #7BE551 まで HEX #97EA76


CSSコード:

background-image: linear-gradient(135deg, #7BE551 4%, #97EA76 96%);

 

HEX #7BE551 まで HEX #97EA76


CSSコード:

background-image: radial-gradient(circle, #7BE551 6%, #97EA76 96%);

 

HEX #97EA76 まで HEX #96EA75


CSSコード:

background-image: linear-gradient(135deg, #97EA76 1%, #96EA75 99%);

 

HEX #97EA76 まで HEX #96EA75


CSSコード:

background-image: radial-gradient(circle, #97EA76 4%, #96EA75 90%);

 

HEX #96EA75 まで HEX #97EA76


CSSコード:

background-image: linear-gradient(135deg, #96EA75 0%, #97EA76 95%);

 

HEX #96EA75 まで HEX #97EA76


CSSコード:

background-image: radial-gradient(circle, #96EA75 11%, #97EA76 93%);

 

HEX #97EA76 まで HEX #B2EF99


CSSコード:

background-image: linear-gradient(135deg, #97EA76 14%, #B2EF99 91%);

 

HEX #97EA76 まで HEX #B2EF99


CSSコード:

background-image: radial-gradient(circle, #97EA76 4%, #B2EF99 89%);

 

HEX #B2EF99 まで HEX #97EA76


CSSコード:

background-image: linear-gradient(135deg, #B2EF99 14%, #97EA76 100%);

 

HEX #B2EF99 まで HEX #97EA76


CSSコード:

background-image: radial-gradient(circle, #B2EF99 5%, #97EA76 98%);

 

HEX #97EA76 まで HEX #CDF5BD


CSSコード:

background-image: linear-gradient(135deg, #97EA76 8%, #CDF5BD 91%);

 

HEX #97EA76 まで HEX #CDF5BD


CSSコード:

background-image: radial-gradient(circle, #97EA76 14%, #CDF5BD 99%);

 

HEX #CDF5BD まで HEX #97EA76


CSSコード:

background-image: linear-gradient(135deg, #CDF5BD 8%, #97EA76 95%);

 

HEX #CDF5BD まで HEX #97EA76


CSSコード:

background-image: radial-gradient(circle, #CDF5BD 10%, #97EA76 96%);

リニア

HEX #97EA76 まで HEX #75EADE


CSSコード:

background-image: linear-gradient(135deg, #97EA76 1%, #75EADE 100%);

ラジアル

HEX #97EA76 まで HEX #75EADE


CSSコード:

background-image: radial-gradient(circle, #97EA76 7%, #75EADE 98%);

 

HEX #75EADE まで HEX #97EA76


CSSコード:

background-image: linear-gradient(135deg, #75EADE 5%, #97EA76 97%);

 

HEX #75EADE まで HEX #97EA76


CSSコード:

background-image: radial-gradient(circle, #75EADE 0%, #97EA76 92%);

 

HEX #97EA76 まで HEX #EA75C7


CSSコード:

background-image: linear-gradient(135deg, #97EA76 6%, #EA75C7 93%);

 

HEX #97EA76 まで HEX #EA75C7


CSSコード:

background-image: radial-gradient(circle, #97EA76 7%, #EA75C7 91%);

 

HEX #EA75C7 まで HEX #97EA76


CSSコード:

background-image: linear-gradient(135deg, #EA75C7 1%, #97EA76 96%);

 

HEX #EA75C7 まで HEX #97EA76


CSSコード:

background-image: radial-gradient(circle, #EA75C7 9%, #97EA76 100%);

リニア

HEX #97EA76 まで HEX #7598EA


CSSコード:

background-image: linear-gradient(135deg, #97EA76 4%, #7598EA 94%);

ラジアル

HEX #97EA76 まで HEX #7598EA


CSSコード:

background-image: radial-gradient(circle, #97EA76 12%, #7598EA 90%);

 

HEX #7598EA まで HEX #97EA76


CSSコード:

background-image: linear-gradient(135deg, #7598EA 6%, #97EA76 93%);

 

HEX #7598EA まで HEX #97EA76


CSSコード:

background-image: radial-gradient(circle, #7598EA 8%, #97EA76 88%);

 

HEX #97EA76 まで HEX #EA7598


CSSコード:

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

 

HEX #97EA76 まで HEX #EA7598


CSSコード:

background-image: radial-gradient(circle, #97EA76 14%, #EA7598 87%);

 

HEX #EA7598 まで HEX #97EA76


CSSコード:

background-image: linear-gradient(135deg, #EA7598 5%, #97EA76 90%);

 

HEX #EA7598 まで HEX #97EA76


CSSコード:

background-image: radial-gradient(circle, #EA7598 1%, #97EA76 100%);

リニア

HEX #97EA76 まで HEX #75EADE


CSSコード:

background-image: linear-gradient(135deg, #97EA76 13%, #75EADE 87%);

ラジアル

HEX #97EA76 まで HEX #75EADE


CSSコード:

background-image: radial-gradient(circle, #97EA76 14%, #75EADE 88%);

 

HEX #75EADE まで HEX #97EA76


CSSコード:

background-image: linear-gradient(135deg, #75EADE 4%, #97EA76 90%);

 

HEX #75EADE まで HEX #97EA76


CSSコード:

background-image: radial-gradient(circle, #75EADE 3%, #97EA76 95%);

 

HEX #97EA76 まで HEX #C775EA


CSSコード:

background-image: linear-gradient(135deg, #97EA76 0%, #C775EA 89%);

 

HEX #97EA76 まで HEX #C775EA


CSSコード:

background-image: radial-gradient(circle, #97EA76 4%, #C775EA 91%);

 

HEX #C775EA まで HEX #97EA76


CSSコード:

background-image: linear-gradient(135deg, #C775EA 11%, #97EA76 89%);

 

HEX #C775EA まで HEX #97EA76


CSSコード:

background-image: radial-gradient(circle, #C775EA 1%, #97EA76 88%);

 

HEX #97EA76 まで HEX #EA7581


CSSコード:

background-image: linear-gradient(135deg, #97EA76 3%, #EA7581 89%);

 

HEX #97EA76 まで HEX #EA7581


CSSコード:

background-image: radial-gradient(circle, #97EA76 9%, #EA7581 88%);

 

HEX #EA7581 まで HEX #97EA76


CSSコード:

background-image: linear-gradient(135deg, #EA7581 13%, #97EA76 98%);

 

HEX #EA7581 まで HEX #97EA76


CSSコード:

background-image: radial-gradient(circle, #EA7581 14%, #97EA76 93%);

リニア

HEX #97EA76 まで HEX #75D3EA


CSSコード:

background-image: linear-gradient(135deg, #97EA76 6%, #75D3EA 92%);

ラジアル

HEX #97EA76 まで HEX #75D3EA


CSSコード:

background-image: radial-gradient(circle, #97EA76 2%, #75D3EA 100%);

 

HEX #75D3EA まで HEX #97EA76


CSSコード:

background-image: linear-gradient(135deg, #75D3EA 10%, #97EA76 92%);

 

HEX #75D3EA まで HEX #97EA76


CSSコード:

background-image: radial-gradient(circle, #75D3EA 4%, #97EA76 89%);

 

HEX #97EA76 まで HEX #C775EA


CSSコード:

background-image: linear-gradient(135deg, #97EA76 7%, #C775EA 87%);

 

HEX #97EA76 まで HEX #C775EA


CSSコード:

background-image: radial-gradient(circle, #97EA76 11%, #C775EA 86%);

 

HEX #C775EA まで HEX #97EA76


CSSコード:

background-image: linear-gradient(135deg, #C775EA 11%, #97EA76 99%);

 

HEX #C775EA まで HEX #97EA76


CSSコード:

background-image: radial-gradient(circle, #C775EA 1%, #97EA76 99%);

 

HEX #97EA76 まで HEX #EA8C75


CSSコード:

background-image: linear-gradient(135deg, #97EA76 7%, #EA8C75 95%);

 

HEX #97EA76 まで HEX #EA8C75


CSSコード:

background-image: radial-gradient(circle, #97EA76 14%, #EA8C75 97%);

 

HEX #EA8C75 まで HEX #97EA76


CSSコード:

background-image: linear-gradient(135deg, #EA8C75 1%, #97EA76 100%);

 

HEX #EA8C75 まで HEX #97EA76


CSSコード:

background-image: radial-gradient(circle, #EA8C75 9%, #97EA76 100%);

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

サービス内容

カラー

ラグビー に 呪咀

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