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

CSS グラデーション:
#4F859A

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #4F859A まで HEX #B07A65


CSSコード:

background-image: linear-gradient(135deg, #4F859A 0%, #B07A65 91%);

ラジアル

HEX #4F859A まで HEX #B07A65


CSSコード:

background-image: radial-gradient(circle, #4F859A 14%, #B07A65 94%);

 

HEX #B07A65 まで HEX #4F859A


CSSコード:

background-image: linear-gradient(135deg, #B07A65 14%, #4F859A 95%);

 

HEX #B07A65 まで HEX #4F859A


CSSコード:

background-image: radial-gradient(circle, #B07A65 12%, #4F859A 93%);

リニア

HEX #4F859A まで HEX #6597A8


CSSコード:

background-image: linear-gradient(135deg, #4F859A 7%, #6597A8 94%);

ラジアル

HEX #4F859A まで HEX #6597A8


CSSコード:

background-image: radial-gradient(circle, #4F859A 0%, #6597A8 88%);

 

HEX #6597A8 まで HEX #4F859A


CSSコード:

background-image: linear-gradient(135deg, #6597A8 5%, #4F859A 86%);

 

HEX #6597A8 まで HEX #4F859A


CSSコード:

background-image: radial-gradient(circle, #6597A8 13%, #4F859A 94%);

 

HEX #4F859A まで HEX #76A9BB


CSSコード:

background-image: linear-gradient(135deg, #4F859A 5%, #76A9BB 99%);

 

HEX #4F859A まで HEX #76A9BB


CSSコード:

background-image: radial-gradient(circle, #4F859A 6%, #76A9BB 92%);

 

HEX #76A9BB まで HEX #4F859A


CSSコード:

background-image: linear-gradient(135deg, #76A9BB 12%, #4F859A 93%);

 

HEX #76A9BB まで HEX #4F859A


CSSコード:

background-image: radial-gradient(circle, #76A9BB 2%, #4F859A 96%);

 

HEX #4F859A まで HEX #87BBCE


CSSコード:

background-image: linear-gradient(135deg, #4F859A 10%, #87BBCE 99%);

 

HEX #4F859A まで HEX #87BBCE


CSSコード:

background-image: radial-gradient(circle, #4F859A 3%, #87BBCE 99%);

 

HEX #87BBCE まで HEX #4F859A


CSSコード:

background-image: linear-gradient(135deg, #87BBCE 9%, #4F859A 98%);

 

HEX #87BBCE まで HEX #4F859A


CSSコード:

background-image: radial-gradient(circle, #87BBCE 0%, #4F859A 90%);

 

HEX #4F859A まで HEX #98CDE1


CSSコード:

background-image: linear-gradient(135deg, #4F859A 14%, #98CDE1 91%);

 

HEX #4F859A まで HEX #98CDE1


CSSコード:

background-image: radial-gradient(circle, #4F859A 6%, #98CDE1 87%);

 

HEX #98CDE1 まで HEX #4F859A


CSSコード:

background-image: linear-gradient(135deg, #98CDE1 8%, #4F859A 90%);

 

HEX #98CDE1 まで HEX #4F859A


CSSコード:

background-image: radial-gradient(circle, #98CDE1 4%, #4F859A 95%);

リニア

HEX #4F859A まで HEX #3E7387


CSSコード:

background-image: linear-gradient(135deg, #4F859A 5%, #3E7387 99%);

ラジアル

HEX #4F859A まで HEX #3E7387


CSSコード:

background-image: radial-gradient(circle, #4F859A 9%, #3E7387 89%);

 

HEX #3E7387 まで HEX #4F859A


CSSコード:

background-image: linear-gradient(135deg, #3E7387 8%, #4F859A 95%);

 

HEX #3E7387 まで HEX #4F859A


CSSコード:

background-image: radial-gradient(circle, #3E7387 1%, #4F859A 88%);

 

HEX #4F859A まで HEX #2D6174


CSSコード:

background-image: linear-gradient(135deg, #4F859A 7%, #2D6174 86%);

 

HEX #4F859A まで HEX #2D6174


CSSコード:

background-image: radial-gradient(circle, #4F859A 3%, #2D6174 87%);

 

HEX #2D6174 まで HEX #4F859A


CSSコード:

background-image: linear-gradient(135deg, #2D6174 12%, #4F859A 100%);

 

HEX #2D6174 まで HEX #4F859A


CSSコード:

background-image: radial-gradient(circle, #2D6174 8%, #4F859A 88%);

 

HEX #4F859A まで HEX #1C4F61


CSSコード:

background-image: linear-gradient(135deg, #4F859A 8%, #1C4F61 96%);

 

HEX #4F859A まで HEX #1C4F61


CSSコード:

background-image: radial-gradient(circle, #4F859A 11%, #1C4F61 95%);

 

HEX #1C4F61 まで HEX #4F859A


CSSコード:

background-image: linear-gradient(135deg, #1C4F61 12%, #4F859A 98%);

 

HEX #1C4F61 まで HEX #4F859A


CSSコード:

background-image: radial-gradient(circle, #1C4F61 0%, #4F859A 93%);

 

HEX #4F859A まで HEX #0B3D4E


CSSコード:

background-image: linear-gradient(135deg, #4F859A 2%, #0B3D4E 91%);

 

HEX #4F859A まで HEX #0B3D4E


CSSコード:

background-image: radial-gradient(circle, #4F859A 12%, #0B3D4E 86%);

 

HEX #0B3D4E まで HEX #4F859A


CSSコード:

background-image: linear-gradient(135deg, #0B3D4E 0%, #4F859A 95%);

 

HEX #0B3D4E まで HEX #4F859A


CSSコード:

background-image: radial-gradient(circle, #0B3D4E 10%, #4F859A 100%);

リニア

HEX #4F859A まで HEX #4F7A9A


CSSコード:

background-image: linear-gradient(135deg, #4F859A 6%, #4F7A9A 94%);

ラジアル

HEX #4F859A まで HEX #4F7A9A


CSSコード:

background-image: radial-gradient(circle, #4F859A 3%, #4F7A9A 97%);

 

HEX #4F7A9A まで HEX #4F859A


CSSコード:

background-image: linear-gradient(135deg, #4F7A9A 3%, #4F859A 92%);

 

HEX #4F7A9A まで HEX #4F859A


CSSコード:

background-image: radial-gradient(circle, #4F7A9A 14%, #4F859A 90%);

 

HEX #4F859A まで HEX #4F6D9A


CSSコード:

background-image: linear-gradient(135deg, #4F859A 14%, #4F6D9A 89%);

 

HEX #4F859A まで HEX #4F6D9A


CSSコード:

background-image: radial-gradient(circle, #4F859A 4%, #4F6D9A 87%);

 

HEX #4F6D9A まで HEX #4F859A


CSSコード:

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

 

HEX #4F6D9A まで HEX #4F859A


CSSコード:

background-image: radial-gradient(circle, #4F6D9A 13%, #4F859A 93%);

 

HEX #4F859A まで HEX #4F619A


CSSコード:

background-image: linear-gradient(135deg, #4F859A 4%, #4F619A 96%);

 

HEX #4F859A まで HEX #4F619A


CSSコード:

background-image: radial-gradient(circle, #4F859A 6%, #4F619A 89%);

 

HEX #4F619A まで HEX #4F859A


CSSコード:

background-image: linear-gradient(135deg, #4F619A 7%, #4F859A 100%);

 

HEX #4F619A まで HEX #4F859A


CSSコード:

background-image: radial-gradient(circle, #4F619A 0%, #4F859A 96%);

 

HEX #4F859A まで HEX #4F549A


CSSコード:

background-image: linear-gradient(135deg, #4F859A 12%, #4F549A 88%);

 

HEX #4F859A まで HEX #4F549A


CSSコード:

background-image: radial-gradient(circle, #4F859A 5%, #4F549A 97%);

 

HEX #4F549A まで HEX #4F859A


CSSコード:

background-image: linear-gradient(135deg, #4F549A 2%, #4F859A 92%);

 

HEX #4F549A まで HEX #4F859A


CSSコード:

background-image: radial-gradient(circle, #4F549A 4%, #4F859A 100%);

リニア

HEX #4F859A まで HEX #69B1CD


CSSコード:

background-image: linear-gradient(135deg, #4F859A 13%, #69B1CD 93%);

ラジアル

HEX #4F859A まで HEX #69B1CD


CSSコード:

background-image: radial-gradient(circle, #4F859A 11%, #69B1CD 90%);

 

HEX #69B1CD まで HEX #4F859A


CSSコード:

background-image: linear-gradient(135deg, #69B1CD 0%, #4F859A 94%);

 

HEX #69B1CD まで HEX #4F859A


CSSコード:

background-image: radial-gradient(circle, #69B1CD 3%, #4F859A 99%);

 

HEX #4F859A まで HEX #010101


CSSコード:

background-image: linear-gradient(135deg, #4F859A 3%, #010101 92%);

 

HEX #4F859A まで HEX #010101


CSSコード:

background-image: radial-gradient(circle, #4F859A 0%, #010101 97%);

 

HEX #010101 まで HEX #4F859A


CSSコード:

background-image: linear-gradient(135deg, #010101 14%, #4F859A 98%);

 

HEX #010101 まで HEX #4F859A


CSSコード:

background-image: radial-gradient(circle, #010101 14%, #4F859A 90%);

 

HEX #4F859A まで HEX #1B2D34


CSSコード:

background-image: linear-gradient(135deg, #4F859A 10%, #1B2D34 98%);

 

HEX #4F859A まで HEX #1B2D34


CSSコード:

background-image: radial-gradient(circle, #4F859A 3%, #1B2D34 93%);

 

HEX #1B2D34 まで HEX #4F859A


CSSコード:

background-image: linear-gradient(135deg, #1B2D34 7%, #4F859A 92%);

 

HEX #1B2D34 まで HEX #4F859A


CSSコード:

background-image: radial-gradient(circle, #1B2D34 11%, #4F859A 96%);

 

HEX #4F859A まで HEX #355967


CSSコード:

background-image: linear-gradient(135deg, #4F859A 2%, #355967 100%);

 

HEX #4F859A まで HEX #355967


CSSコード:

background-image: radial-gradient(circle, #4F859A 4%, #355967 97%);

 

HEX #355967 まで HEX #4F859A


CSSコード:

background-image: linear-gradient(135deg, #355967 8%, #4F859A 96%);

 

HEX #355967 まで HEX #4F859A


CSSコード:

background-image: radial-gradient(circle, #355967 11%, #4F859A 93%);

リニア

HEX #4F859A まで HEX #724F9A


CSSコード:

background-image: linear-gradient(135deg, #4F859A 7%, #724F9A 90%);

ラジアル

HEX #4F859A まで HEX #724F9A


CSSコード:

background-image: radial-gradient(circle, #4F859A 0%, #724F9A 96%);

 

HEX #724F9A まで HEX #4F859A


CSSコード:

background-image: linear-gradient(135deg, #724F9A 13%, #4F859A 89%);

 

HEX #724F9A まで HEX #4F859A


CSSコード:

background-image: radial-gradient(circle, #724F9A 7%, #4F859A 94%);

 

HEX #4F859A まで HEX #9A904F


CSSコード:

background-image: linear-gradient(135deg, #4F859A 10%, #9A904F 95%);

 

HEX #4F859A まで HEX #9A904F


CSSコード:

background-image: radial-gradient(circle, #4F859A 14%, #9A904F 88%);

 

HEX #9A904F まで HEX #4F859A


CSSコード:

background-image: linear-gradient(135deg, #9A904F 10%, #4F859A 97%);

 

HEX #9A904F まで HEX #4F859A


CSSコード:

background-image: radial-gradient(circle, #9A904F 8%, #4F859A 96%);

リニア

HEX #4F859A まで HEX #9A4F86


CSSコード:

background-image: linear-gradient(135deg, #4F859A 5%, #9A4F86 90%);

ラジアル

HEX #4F859A まで HEX #9A4F86


CSSコード:

background-image: radial-gradient(circle, #4F859A 10%, #9A4F86 93%);

 

HEX #9A4F86 まで HEX #4F859A


CSSコード:

background-image: linear-gradient(135deg, #9A4F86 7%, #4F859A 89%);

 

HEX #9A4F86 まで HEX #4F859A


CSSコード:

background-image: radial-gradient(circle, #9A4F86 8%, #4F859A 98%);

 

HEX #4F859A まで HEX #869A4F


CSSコード:

background-image: linear-gradient(135deg, #4F859A 10%, #869A4F 86%);

 

HEX #4F859A まで HEX #869A4F


CSSコード:

background-image: radial-gradient(circle, #4F859A 1%, #869A4F 97%);

 

HEX #869A4F まで HEX #4F859A


CSSコード:

background-image: linear-gradient(135deg, #869A4F 5%, #4F859A 96%);

 

HEX #869A4F まで HEX #4F859A


CSSコード:

background-image: radial-gradient(circle, #869A4F 10%, #4F859A 94%);

リニア

HEX #4F859A まで HEX #724F9A


CSSコード:

background-image: linear-gradient(135deg, #4F859A 8%, #724F9A 92%);

ラジアル

HEX #4F859A まで HEX #724F9A


CSSコード:

background-image: radial-gradient(circle, #4F859A 11%, #724F9A 97%);

 

HEX #724F9A まで HEX #4F859A


CSSコード:

background-image: linear-gradient(135deg, #724F9A 13%, #4F859A 87%);

 

HEX #724F9A まで HEX #4F859A


CSSコード:

background-image: radial-gradient(circle, #724F9A 8%, #4F859A 97%);

 

HEX #4F859A まで HEX #9A634F


CSSコード:

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

 

HEX #4F859A まで HEX #9A634F


CSSコード:

background-image: radial-gradient(circle, #4F859A 0%, #9A634F 99%);

 

HEX #9A634F まで HEX #4F859A


CSSコード:

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

 

HEX #9A634F まで HEX #4F859A


CSSコード:

background-image: radial-gradient(circle, #9A634F 11%, #4F859A 94%);

 

HEX #4F859A まで HEX #779A4F


CSSコード:

background-image: linear-gradient(135deg, #4F859A 13%, #779A4F 100%);

 

HEX #4F859A まで HEX #779A4F


CSSコード:

background-image: radial-gradient(circle, #4F859A 1%, #779A4F 90%);

 

HEX #779A4F まで HEX #4F859A


CSSコード:

background-image: linear-gradient(135deg, #779A4F 13%, #4F859A 95%);

 

HEX #779A4F まで HEX #4F859A


CSSコード:

background-image: radial-gradient(circle, #779A4F 5%, #4F859A 99%);

リニア

HEX #4F859A まで HEX #894F9A


CSSコード:

background-image: linear-gradient(135deg, #4F859A 2%, #894F9A 86%);

ラジアル

HEX #4F859A まで HEX #894F9A


CSSコード:

background-image: radial-gradient(circle, #4F859A 4%, #894F9A 98%);

 

HEX #894F9A まで HEX #4F859A


CSSコード:

background-image: linear-gradient(135deg, #894F9A 6%, #4F859A 98%);

 

HEX #894F9A まで HEX #4F859A


CSSコード:

background-image: radial-gradient(circle, #894F9A 9%, #4F859A 87%);

 

HEX #4F859A まで HEX #9A634F


CSSコード:

background-image: linear-gradient(135deg, #4F859A 2%, #9A634F 97%);

 

HEX #4F859A まで HEX #9A634F


CSSコード:

background-image: radial-gradient(circle, #4F859A 5%, #9A634F 95%);

 

HEX #9A634F まで HEX #4F859A


CSSコード:

background-image: linear-gradient(135deg, #9A634F 1%, #4F859A 99%);

 

HEX #9A634F まで HEX #4F859A


CSSコード:

background-image: radial-gradient(circle, #9A634F 10%, #4F859A 93%);

 

HEX #4F859A まで HEX #619A4F


CSSコード:

background-image: linear-gradient(135deg, #4F859A 14%, #619A4F 87%);

 

HEX #4F859A まで HEX #619A4F


CSSコード:

background-image: radial-gradient(circle, #4F859A 8%, #619A4F 95%);

 

HEX #619A4F まで HEX #4F859A


CSSコード:

background-image: linear-gradient(135deg, #619A4F 6%, #4F859A 97%);

 

HEX #619A4F まで HEX #4F859A


CSSコード:

background-image: radial-gradient(circle, #619A4F 4%, #4F859A 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, 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.