新機能: APIパッケージが利用可能になりました。


複数のAPIキーを作成し、毎月のトークンクォータを管理し、qConvをアプリケーションに柔軟に統合することができます。

2025-08-15:全パッケージを紹介価格でご利用いただけます。

今すぐ見る X

CSS グラデーション:
CMYK 19 / 0 / 37 / 8

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #BEEB94 まで HEX #41146B


CSSコード:

background-image: linear-gradient(135deg, #BEEB94 11%, #41146B 92%);

ラジアル

HEX #BEEB94 まで HEX #41146B


CSSコード:

background-image: radial-gradient(circle, #BEEB94 9%, #41146B 96%);

 

HEX #41146B まで HEX #BEEB94


CSSコード:

background-image: linear-gradient(135deg, #41146B 7%, #BEEB94 98%);

 

HEX #41146B まで HEX #BEEB94


CSSコード:

background-image: radial-gradient(circle, #41146B 9%, #BEEB94 90%);

リニア

HEX #BEEB94 まで HEX #D5EB93


CSSコード:

background-image: linear-gradient(135deg, #BEEB94 11%, #D5EB93 94%);

ラジアル

HEX #BEEB94 まで HEX #D5EB93


CSSコード:

background-image: radial-gradient(circle, #BEEB94 0%, #D5EB93 87%);

 

HEX #D5EB93 まで HEX #BEEB94


CSSコード:

background-image: linear-gradient(135deg, #D5EB93 7%, #BEEB94 90%);

 

HEX #D5EB93 まで HEX #BEEB94


CSSコード:

background-image: radial-gradient(circle, #D5EB93 8%, #BEEB94 91%);

 

HEX #BEEB94 まで HEX #BDEB93


CSSコード:

background-image: linear-gradient(135deg, #BEEB94 8%, #BDEB93 87%);

 

HEX #BEEB94 まで HEX #BDEB93


CSSコード:

background-image: radial-gradient(circle, #BEEB94 2%, #BDEB93 89%);

 

HEX #BDEB93 まで HEX #BEEB94


CSSコード:

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

 

HEX #BDEB93 まで HEX #BEEB94


CSSコード:

background-image: radial-gradient(circle, #BDEB93 14%, #BEEB94 94%);

 

HEX #BEEB94 まで HEX #A6EB93


CSSコード:

background-image: linear-gradient(135deg, #BEEB94 9%, #A6EB93 90%);

 

HEX #BEEB94 まで HEX #A6EB93


CSSコード:

background-image: radial-gradient(circle, #BEEB94 13%, #A6EB93 98%);

 

HEX #A6EB93 まで HEX #BEEB94


CSSコード:

background-image: linear-gradient(135deg, #A6EB93 11%, #BEEB94 95%);

 

HEX #A6EB93 まで HEX #BEEB94


CSSコード:

background-image: radial-gradient(circle, #A6EB93 13%, #BEEB94 99%);

 

HEX #BEEB94 まで HEX #93EB97


CSSコード:

background-image: linear-gradient(135deg, #BEEB94 3%, #93EB97 91%);

 

HEX #BEEB94 まで HEX #93EB97


CSSコード:

background-image: radial-gradient(circle, #BEEB94 6%, #93EB97 95%);

 

HEX #93EB97 まで HEX #BEEB94


CSSコード:

background-image: linear-gradient(135deg, #93EB97 13%, #BEEB94 99%);

 

HEX #93EB97 まで HEX #BEEB94


CSSコード:

background-image: radial-gradient(circle, #93EB97 12%, #BEEB94 88%);

リニア

HEX #BEEB94 まで HEX #A8E470


CSSコード:

background-image: linear-gradient(135deg, #BEEB94 5%, #A8E470 100%);

ラジアル

HEX #BEEB94 まで HEX #A8E470


CSSコード:

background-image: radial-gradient(circle, #BEEB94 0%, #A8E470 92%);

 

HEX #A8E470 まで HEX #BEEB94


CSSコード:

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

 

HEX #A8E470 まで HEX #BEEB94


CSSコード:

background-image: radial-gradient(circle, #A8E470 13%, #BEEB94 86%);

 

HEX #BEEB94 まで HEX #BDEB93


CSSコード:

background-image: linear-gradient(135deg, #BEEB94 13%, #BDEB93 94%);

 

HEX #BEEB94 まで HEX #BDEB93


CSSコード:

background-image: radial-gradient(circle, #BEEB94 2%, #BDEB93 97%);

 

HEX #BDEB93 まで HEX #BEEB94


CSSコード:

background-image: linear-gradient(135deg, #BDEB93 6%, #BEEB94 89%);

 

HEX #BDEB93 まで HEX #BEEB94


CSSコード:

background-image: radial-gradient(circle, #BDEB93 10%, #BEEB94 86%);

 

HEX #BEEB94 まで HEX #D2F1B6


CSSコード:

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

 

HEX #BEEB94 まで HEX #D2F1B6


CSSコード:

background-image: radial-gradient(circle, #BEEB94 8%, #D2F1B6 88%);

 

HEX #D2F1B6 まで HEX #BEEB94


CSSコード:

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

 

HEX #D2F1B6 まで HEX #BEEB94


CSSコード:

background-image: radial-gradient(circle, #D2F1B6 3%, #BEEB94 97%);

 

HEX #BEEB94 まで HEX #E7F8D8


CSSコード:

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

 

HEX #BEEB94 まで HEX #E7F8D8


CSSコード:

background-image: radial-gradient(circle, #BEEB94 1%, #E7F8D8 91%);

 

HEX #E7F8D8 まで HEX #BEEB94


CSSコード:

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

 

HEX #E7F8D8 まで HEX #BEEB94


CSSコード:

background-image: radial-gradient(circle, #E7F8D8 2%, #BEEB94 92%);

リニア

HEX #BEEB94 まで HEX #D5EB93


CSSコード:

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

ラジアル

HEX #BEEB94 まで HEX #D5EB93


CSSコード:

background-image: radial-gradient(circle, #BEEB94 0%, #D5EB93 99%);

 

HEX #D5EB93 まで HEX #BEEB94


CSSコード:

background-image: linear-gradient(135deg, #D5EB93 2%, #BEEB94 90%);

 

HEX #D5EB93 まで HEX #BEEB94


CSSコード:

background-image: radial-gradient(circle, #D5EB93 4%, #BEEB94 90%);

 

HEX #BEEB94 まで HEX #BDEB93


CSSコード:

background-image: linear-gradient(135deg, #BEEB94 0%, #BDEB93 90%);

 

HEX #BEEB94 まで HEX #BDEB93


CSSコード:

background-image: radial-gradient(circle, #BEEB94 6%, #BDEB93 96%);

 

HEX #BDEB93 まで HEX #BEEB94


CSSコード:

background-image: linear-gradient(135deg, #BDEB93 13%, #BEEB94 97%);

 

HEX #BDEB93 まで HEX #BEEB94


CSSコード:

background-image: radial-gradient(circle, #BDEB93 13%, #BEEB94 96%);

 

HEX #BEEB94 まで HEX #A6EB93


CSSコード:

background-image: linear-gradient(135deg, #BEEB94 13%, #A6EB93 94%);

 

HEX #BEEB94 まで HEX #A6EB93


CSSコード:

background-image: radial-gradient(circle, #BEEB94 8%, #A6EB93 86%);

 

HEX #A6EB93 まで HEX #BEEB94


CSSコード:

background-image: linear-gradient(135deg, #A6EB93 8%, #BEEB94 87%);

 

HEX #A6EB93 まで HEX #BEEB94


CSSコード:

background-image: radial-gradient(circle, #A6EB93 4%, #BEEB94 90%);

 

HEX #BEEB94 まで HEX #93EB97


CSSコード:

background-image: linear-gradient(135deg, #BEEB94 3%, #93EB97 87%);

 

HEX #BEEB94 まで HEX #93EB97


CSSコード:

background-image: radial-gradient(circle, #BEEB94 2%, #93EB97 93%);

 

HEX #93EB97 まで HEX #BEEB94


CSSコード:

background-image: linear-gradient(135deg, #93EB97 5%, #BEEB94 87%);

 

HEX #93EB97 まで HEX #BEEB94


CSSコード:

background-image: radial-gradient(circle, #93EB97 10%, #BEEB94 86%);

リニア

HEX #BEEB94 まで HEX #A8E470


CSSコード:

background-image: linear-gradient(135deg, #BEEB94 6%, #A8E470 91%);

ラジアル

HEX #BEEB94 まで HEX #A8E470


CSSコード:

background-image: radial-gradient(circle, #BEEB94 10%, #A8E470 95%);

 

HEX #A8E470 まで HEX #BEEB94


CSSコード:

background-image: linear-gradient(135deg, #A8E470 5%, #BEEB94 100%);

 

HEX #A8E470 まで HEX #BEEB94


CSSコード:

background-image: radial-gradient(circle, #A8E470 12%, #BEEB94 89%);

 

HEX #BEEB94 まで HEX #BDEB93


CSSコード:

background-image: linear-gradient(135deg, #BEEB94 12%, #BDEB93 97%);

 

HEX #BEEB94 まで HEX #BDEB93


CSSコード:

background-image: radial-gradient(circle, #BEEB94 0%, #BDEB93 94%);

 

HEX #BDEB93 まで HEX #BEEB94


CSSコード:

background-image: linear-gradient(135deg, #BDEB93 14%, #BEEB94 92%);

 

HEX #BDEB93 まで HEX #BEEB94


CSSコード:

background-image: radial-gradient(circle, #BDEB93 13%, #BEEB94 96%);

 

HEX #BEEB94 まで HEX #D2F1B6


CSSコード:

background-image: linear-gradient(135deg, #BEEB94 8%, #D2F1B6 96%);

 

HEX #BEEB94 まで HEX #D2F1B6


CSSコード:

background-image: radial-gradient(circle, #BEEB94 13%, #D2F1B6 86%);

 

HEX #D2F1B6 まで HEX #BEEB94


CSSコード:

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

 

HEX #D2F1B6 まで HEX #BEEB94


CSSコード:

background-image: radial-gradient(circle, #D2F1B6 10%, #BEEB94 100%);

 

HEX #BEEB94 まで HEX #E7F8D8


CSSコード:

background-image: linear-gradient(135deg, #BEEB94 13%, #E7F8D8 94%);

 

HEX #BEEB94 まで HEX #E7F8D8


CSSコード:

background-image: radial-gradient(circle, #BEEB94 3%, #E7F8D8 97%);

 

HEX #E7F8D8 まで HEX #BEEB94


CSSコード:

background-image: linear-gradient(135deg, #E7F8D8 0%, #BEEB94 89%);

 

HEX #E7F8D8 まで HEX #BEEB94


CSSコード:

background-image: radial-gradient(circle, #E7F8D8 8%, #BEEB94 90%);

リニア

HEX #BEEB94 まで HEX #93EBD2


CSSコード:

background-image: linear-gradient(135deg, #BEEB94 11%, #93EBD2 99%);

ラジアル

HEX #BEEB94 まで HEX #93EBD2


CSSコード:

background-image: radial-gradient(circle, #BEEB94 1%, #93EBD2 98%);

 

HEX #93EBD2 まで HEX #BEEB94


CSSコード:

background-image: linear-gradient(135deg, #93EBD2 12%, #BEEB94 87%);

 

HEX #93EBD2 まで HEX #BEEB94


CSSコード:

background-image: radial-gradient(circle, #93EBD2 0%, #BEEB94 92%);

 

HEX #BEEB94 まで HEX #EB93E0


CSSコード:

background-image: linear-gradient(135deg, #BEEB94 8%, #EB93E0 96%);

 

HEX #BEEB94 まで HEX #EB93E0


CSSコード:

background-image: radial-gradient(circle, #BEEB94 14%, #EB93E0 90%);

 

HEX #EB93E0 まで HEX #BEEB94


CSSコード:

background-image: linear-gradient(135deg, #EB93E0 9%, #BEEB94 93%);

 

HEX #EB93E0 まで HEX #BEEB94


CSSコード:

background-image: radial-gradient(circle, #EB93E0 8%, #BEEB94 91%);

リニア

HEX #BEEB94 まで HEX #93BDEB


CSSコード:

background-image: linear-gradient(135deg, #BEEB94 10%, #93BDEB 90%);

ラジアル

HEX #BEEB94 まで HEX #93BDEB


CSSコード:

background-image: radial-gradient(circle, #BEEB94 5%, #93BDEB 95%);

 

HEX #93BDEB まで HEX #BEEB94


CSSコード:

background-image: linear-gradient(135deg, #93BDEB 11%, #BEEB94 89%);

 

HEX #93BDEB まで HEX #BEEB94


CSSコード:

background-image: radial-gradient(circle, #93BDEB 4%, #BEEB94 94%);

 

HEX #BEEB94 まで HEX #EB93BD


CSSコード:

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

 

HEX #BEEB94 まで HEX #EB93BD


CSSコード:

background-image: radial-gradient(circle, #BEEB94 6%, #EB93BD 98%);

 

HEX #EB93BD まで HEX #BEEB94


CSSコード:

background-image: linear-gradient(135deg, #EB93BD 12%, #BEEB94 88%);

 

HEX #EB93BD まで HEX #BEEB94


CSSコード:

background-image: radial-gradient(circle, #EB93BD 5%, #BEEB94 91%);

リニア

HEX #BEEB94 まで HEX #93EBD2


CSSコード:

background-image: linear-gradient(135deg, #BEEB94 4%, #93EBD2 89%);

ラジアル

HEX #BEEB94 まで HEX #93EBD2


CSSコード:

background-image: radial-gradient(circle, #BEEB94 1%, #93EBD2 86%);

 

HEX #93EBD2 まで HEX #BEEB94


CSSコード:

background-image: linear-gradient(135deg, #93EBD2 10%, #BEEB94 92%);

 

HEX #93EBD2 まで HEX #BEEB94


CSSコード:

background-image: radial-gradient(circle, #93EBD2 4%, #BEEB94 90%);

 

HEX #BEEB94 まで HEX #C093EB


CSSコード:

background-image: linear-gradient(135deg, #BEEB94 1%, #C093EB 90%);

 

HEX #BEEB94 まで HEX #C093EB


CSSコード:

background-image: radial-gradient(circle, #BEEB94 9%, #C093EB 88%);

 

HEX #C093EB まで HEX #BEEB94


CSSコード:

background-image: linear-gradient(135deg, #C093EB 1%, #BEEB94 89%);

 

HEX #C093EB まで HEX #BEEB94


CSSコード:

background-image: radial-gradient(circle, #C093EB 1%, #BEEB94 87%);

 

HEX #BEEB94 まで HEX #EB93AC


CSSコード:

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

 

HEX #BEEB94 まで HEX #EB93AC


CSSコード:

background-image: radial-gradient(circle, #BEEB94 11%, #EB93AC 86%);

 

HEX #EB93AC まで HEX #BEEB94


CSSコード:

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

 

HEX #EB93AC まで HEX #BEEB94


CSSコード:

background-image: radial-gradient(circle, #EB93AC 13%, #BEEB94 89%);

リニア

HEX #BEEB94 まで HEX #93E9EB


CSSコード:

background-image: linear-gradient(135deg, #BEEB94 9%, #93E9EB 95%);

ラジアル

HEX #BEEB94 まで HEX #93E9EB


CSSコード:

background-image: radial-gradient(circle, #BEEB94 12%, #93E9EB 95%);

 

HEX #93E9EB まで HEX #BEEB94


CSSコード:

background-image: linear-gradient(135deg, #93E9EB 2%, #BEEB94 87%);

 

HEX #93E9EB まで HEX #BEEB94


CSSコード:

background-image: radial-gradient(circle, #93E9EB 10%, #BEEB94 90%);

 

HEX #BEEB94 まで HEX #C093EB


CSSコード:

background-image: linear-gradient(135deg, #BEEB94 10%, #C093EB 96%);

 

HEX #BEEB94 まで HEX #C093EB


CSSコード:

background-image: radial-gradient(circle, #BEEB94 2%, #C093EB 99%);

 

HEX #C093EB まで HEX #BEEB94


CSSコード:

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

 

HEX #C093EB まで HEX #BEEB94


CSSコード:

background-image: radial-gradient(circle, #C093EB 2%, #BEEB94 90%);

 

HEX #BEEB94 まで HEX #EB9493


CSSコード:

background-image: linear-gradient(135deg, #BEEB94 3%, #EB9493 86%);

 

HEX #BEEB94 まで HEX #EB9493


CSSコード:

background-image: radial-gradient(circle, #BEEB94 14%, #EB9493 93%);

 

HEX #EB9493 まで HEX #BEEB94


CSSコード:

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

 

HEX #EB9493 まで HEX #BEEB94


CSSコード:

background-image: radial-gradient(circle, #EB9493 0%, #BEEB94 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, 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.