提供期間 APIが拡張されました。

ブラックフライデー・ウィーク: 特別価格でAPIを入手できます。今すぐアクセスしてください。ウェブプロジェクト、プラグイン、社内ツール、SaaSアプリケーションに最適です。2025-11-24 から 2025-11-30 (23:59 CET) まで有効です。

APIパッケージと価格 X

CSS グラデーション:
RGBA 250 131 204 0.75

インフォメーション

一網打尽



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

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



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

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



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

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

表示オプション

商品説明

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #FA83CCBF まで HEX #057C33BF


CSSコード:

background-image: linear-gradient(135deg, #FA83CCBF 6%, #057C33BF 96%);

ラジアル

HEX #FA83CCBF まで HEX #057C33BF


CSSコード:

background-image: radial-gradient(circle, #FA83CCBF 14%, #057C33BF 91%);

 

HEX #057C33BF まで HEX #FA83CCBF


CSSコード:

background-image: linear-gradient(135deg, #057C33BF 11%, #FA83CCBF 100%);

 

HEX #057C33BF まで HEX #FA83CCBF


CSSコード:

background-image: radial-gradient(circle, #057C33BF 4%, #FA83CCBF 100%);

リニア

HEX #FA83CCBF まで HEX #FA85ECBF


CSSコード:

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

ラジアル

HEX #FA83CCBF まで HEX #FA85ECBF


CSSコード:

background-image: radial-gradient(circle, #FA83CCBF 3%, #FA85ECBF 99%);

 

HEX #FA85ECBF まで HEX #FA83CCBF


CSSコード:

background-image: linear-gradient(135deg, #FA85ECBF 0%, #FA83CCBF 98%);

 

HEX #FA85ECBF まで HEX #FA83CCBF


CSSコード:

background-image: radial-gradient(circle, #FA85ECBF 2%, #FA83CCBF 100%);

 

HEX #FA83CCBF まで HEX #FA85CDBF


CSSコード:

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

 

HEX #FA83CCBF まで HEX #FA85CDBF


CSSコード:

background-image: radial-gradient(circle, #FA83CCBF 11%, #FA85CDBF 86%);

 

HEX #FA85CDBF まで HEX #FA83CCBF


CSSコード:

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

 

HEX #FA85CDBF まで HEX #FA83CCBF


CSSコード:

background-image: radial-gradient(circle, #FA85CDBF 7%, #FA83CCBF 88%);

 

HEX #FA83CCBF まで HEX #FA85AEBF


CSSコード:

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

 

HEX #FA83CCBF まで HEX #FA85AEBF


CSSコード:

background-image: radial-gradient(circle, #FA83CCBF 5%, #FA85AEBF 90%);

 

HEX #FA85AEBF まで HEX #FA83CCBF


CSSコード:

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

 

HEX #FA85AEBF まで HEX #FA83CCBF


CSSコード:

background-image: radial-gradient(circle, #FA85AEBF 8%, #FA83CCBF 94%);

 

HEX #FA83CCBF まで HEX #FA858EBF


CSSコード:

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

 

HEX #FA83CCBF まで HEX #FA858EBF


CSSコード:

background-image: radial-gradient(circle, #FA83CCBF 7%, #FA858EBF 97%);

 

HEX #FA858EBF まで HEX #FA83CCBF


CSSコード:

background-image: linear-gradient(135deg, #FA858EBF 10%, #FA83CCBF 95%);

 

HEX #FA858EBF まで HEX #FA83CCBF


CSSコード:

background-image: radial-gradient(circle, #FA858EBF 1%, #FA83CCBF 90%);

リニア

HEX #FA83CCBF まで HEX #F85DBC


CSSコード:

background-image: linear-gradient(135deg, #FA83CCBF 3%, #F85DBC 93%);

ラジアル

HEX #FA83CCBF まで HEX #F85DBC


CSSコード:

background-image: radial-gradient(circle, #FA83CCBF 8%, #F85DBC 91%);

 

HEX #F85DBC まで HEX #FA83CCBF


CSSコード:

background-image: linear-gradient(135deg, #F85DBC 10%, #FA83CCBF 99%);

 

HEX #F85DBC まで HEX #FA83CCBF


CSSコード:

background-image: radial-gradient(circle, #F85DBC 13%, #FA83CCBF 89%);

 

HEX #FA83CCBF まで HEX #FA85CD


CSSコード:

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

 

HEX #FA83CCBF まで HEX #FA85CD


CSSコード:

background-image: radial-gradient(circle, #FA83CCBF 13%, #FA85CD 96%);

 

HEX #FA85CD まで HEX #FA83CCBF


CSSコード:

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

 

HEX #FA85CD まで HEX #FA83CCBF


CSSコード:

background-image: radial-gradient(circle, #FA85CD 13%, #FA83CCBF 94%);

 

HEX #FA83CCBF まで HEX #FCACDD


CSSコード:

background-image: linear-gradient(135deg, #FA83CCBF 6%, #FCACDD 88%);

 

HEX #FA83CCBF まで HEX #FCACDD


CSSコード:

background-image: radial-gradient(circle, #FA83CCBF 4%, #FCACDD 93%);

 

HEX #FCACDD まで HEX #FA83CCBF


CSSコード:

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

 

HEX #FCACDD まで HEX #FA83CCBF


CSSコード:

background-image: radial-gradient(circle, #FCACDD 12%, #FA83CCBF 100%);

 

HEX #FA83CCBF まで HEX #FDD4ED


CSSコード:

background-image: linear-gradient(135deg, #FA83CCBF 5%, #FDD4ED 94%);

 

HEX #FA83CCBF まで HEX #FDD4ED


CSSコード:

background-image: radial-gradient(circle, #FA83CCBF 12%, #FDD4ED 88%);

 

HEX #FDD4ED まで HEX #FA83CCBF


CSSコード:

background-image: linear-gradient(135deg, #FDD4ED 12%, #FA83CCBF 89%);

 

HEX #FDD4ED まで HEX #FA83CCBF


CSSコード:

background-image: radial-gradient(circle, #FDD4ED 4%, #FA83CCBF 92%);

リニア

HEX #FA83CCBF まで HEX #FA85ECBF


CSSコード:

background-image: linear-gradient(135deg, #FA83CCBF 1%, #FA85ECBF 97%);

ラジアル

HEX #FA83CCBF まで HEX #FA85ECBF


CSSコード:

background-image: radial-gradient(circle, #FA83CCBF 1%, #FA85ECBF 88%);

 

HEX #FA85ECBF まで HEX #FA83CCBF


CSSコード:

background-image: linear-gradient(135deg, #FA85ECBF 2%, #FA83CCBF 98%);

 

HEX #FA85ECBF まで HEX #FA83CCBF


CSSコード:

background-image: radial-gradient(circle, #FA85ECBF 11%, #FA83CCBF 86%);

 

HEX #FA83CCBF まで HEX #FA85CDBF


CSSコード:

background-image: linear-gradient(135deg, #FA83CCBF 5%, #FA85CDBF 95%);

 

HEX #FA83CCBF まで HEX #FA85CDBF


CSSコード:

background-image: radial-gradient(circle, #FA83CCBF 12%, #FA85CDBF 97%);

 

HEX #FA85CDBF まで HEX #FA83CCBF


CSSコード:

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

 

HEX #FA85CDBF まで HEX #FA83CCBF


CSSコード:

background-image: radial-gradient(circle, #FA85CDBF 6%, #FA83CCBF 88%);

 

HEX #FA83CCBF まで HEX #FA85AEBF


CSSコード:

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

 

HEX #FA83CCBF まで HEX #FA85AEBF


CSSコード:

background-image: radial-gradient(circle, #FA83CCBF 14%, #FA85AEBF 88%);

 

HEX #FA85AEBF まで HEX #FA83CCBF


CSSコード:

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

 

HEX #FA85AEBF まで HEX #FA83CCBF


CSSコード:

background-image: radial-gradient(circle, #FA85AEBF 3%, #FA83CCBF 91%);

 

HEX #FA83CCBF まで HEX #FA858EBF


CSSコード:

background-image: linear-gradient(135deg, #FA83CCBF 0%, #FA858EBF 87%);

 

HEX #FA83CCBF まで HEX #FA858EBF


CSSコード:

background-image: radial-gradient(circle, #FA83CCBF 0%, #FA858EBF 88%);

 

HEX #FA858EBF まで HEX #FA83CCBF


CSSコード:

background-image: linear-gradient(135deg, #FA858EBF 11%, #FA83CCBF 99%);

 

HEX #FA858EBF まで HEX #FA83CCBF


CSSコード:

background-image: radial-gradient(circle, #FA858EBF 12%, #FA83CCBF 94%);

リニア

HEX #FA83CCBF まで HEX #F85DBC


CSSコード:

background-image: linear-gradient(135deg, #FA83CCBF 5%, #F85DBC 92%);

ラジアル

HEX #FA83CCBF まで HEX #F85DBC


CSSコード:

background-image: radial-gradient(circle, #FA83CCBF 0%, #F85DBC 86%);

 

HEX #F85DBC まで HEX #FA83CCBF


CSSコード:

background-image: linear-gradient(135deg, #F85DBC 13%, #FA83CCBF 95%);

 

HEX #F85DBC まで HEX #FA83CCBF


CSSコード:

background-image: radial-gradient(circle, #F85DBC 5%, #FA83CCBF 100%);

 

HEX #FA83CCBF まで HEX #FA85CD


CSSコード:

background-image: linear-gradient(135deg, #FA83CCBF 12%, #FA85CD 94%);

 

HEX #FA83CCBF まで HEX #FA85CD


CSSコード:

background-image: radial-gradient(circle, #FA83CCBF 2%, #FA85CD 99%);

 

HEX #FA85CD まで HEX #FA83CCBF


CSSコード:

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

 

HEX #FA85CD まで HEX #FA83CCBF


CSSコード:

background-image: radial-gradient(circle, #FA85CD 7%, #FA83CCBF 97%);

 

HEX #FA83CCBF まで HEX #FCACDD


CSSコード:

background-image: linear-gradient(135deg, #FA83CCBF 3%, #FCACDD 95%);

 

HEX #FA83CCBF まで HEX #FCACDD


CSSコード:

background-image: radial-gradient(circle, #FA83CCBF 10%, #FCACDD 99%);

 

HEX #FCACDD まで HEX #FA83CCBF


CSSコード:

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

 

HEX #FCACDD まで HEX #FA83CCBF


CSSコード:

background-image: radial-gradient(circle, #FCACDD 3%, #FA83CCBF 95%);

 

HEX #FA83CCBF まで HEX #FDD4ED


CSSコード:

background-image: linear-gradient(135deg, #FA83CCBF 2%, #FDD4ED 86%);

 

HEX #FA83CCBF まで HEX #FDD4ED


CSSコード:

background-image: radial-gradient(circle, #FA83CCBF 9%, #FDD4ED 96%);

 

HEX #FDD4ED まで HEX #FA83CCBF


CSSコード:

background-image: linear-gradient(135deg, #FDD4ED 2%, #FA83CCBF 99%);

 

HEX #FDD4ED まで HEX #FA83CCBF


CSSコード:

background-image: radial-gradient(circle, #FDD4ED 8%, #FA83CCBF 87%);

リニア

HEX #FA83CCBF まで HEX #FAC985


CSSコード:

background-image: linear-gradient(135deg, #FA83CCBF 3%, #FAC985 91%);

ラジアル

HEX #FA83CCBF まで HEX #FAC985


CSSコード:

background-image: radial-gradient(circle, #FA83CCBF 3%, #FAC985 92%);

 

HEX #FAC985 まで HEX #FA83CCBF


CSSコード:

background-image: linear-gradient(135deg, #FAC985 6%, #FA83CCBF 93%);

 

HEX #FAC985 まで HEX #FA83CCBF


CSSコード:

background-image: radial-gradient(circle, #FAC985 4%, #FA83CCBF 96%);

 

HEX #FA83CCBF まで HEX #85FAF8


CSSコード:

background-image: linear-gradient(135deg, #FA83CCBF 9%, #85FAF8 91%);

 

HEX #FA83CCBF まで HEX #85FAF8


CSSコード:

background-image: radial-gradient(circle, #FA83CCBF 10%, #85FAF8 99%);

 

HEX #85FAF8 まで HEX #FA83CCBF


CSSコード:

background-image: linear-gradient(135deg, #85FAF8 13%, #FA83CCBF 99%);

 

HEX #85FAF8 まで HEX #FA83CCBF


CSSコード:

background-image: radial-gradient(circle, #85FAF8 2%, #FA83CCBF 95%);

リニア

HEX #FA83CCBF まで HEX #CDFA85


CSSコード:

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

ラジアル

HEX #FA83CCBF まで HEX #CDFA85


CSSコード:

background-image: radial-gradient(circle, #FA83CCBF 3%, #CDFA85 92%);

 

HEX #CDFA85 まで HEX #FA83CCBF


CSSコード:

background-image: linear-gradient(135deg, #CDFA85 11%, #FA83CCBF 93%);

 

HEX #CDFA85 まで HEX #FA83CCBF


CSSコード:

background-image: radial-gradient(circle, #CDFA85 10%, #FA83CCBF 86%);

 

HEX #FA83CCBF まで HEX #85CDFA


CSSコード:

background-image: linear-gradient(135deg, #FA83CCBF 4%, #85CDFA 99%);

 

HEX #FA83CCBF まで HEX #85CDFA


CSSコード:

background-image: radial-gradient(circle, #FA83CCBF 14%, #85CDFA 96%);

 

HEX #85CDFA まで HEX #FA83CCBF


CSSコード:

background-image: linear-gradient(135deg, #85CDFA 7%, #FA83CCBF 94%);

 

HEX #85CDFA まで HEX #FA83CCBF


CSSコード:

background-image: radial-gradient(circle, #85CDFA 6%, #FA83CCBF 88%);

リニア

HEX #FA83CCBF まで HEX #FAC985


CSSコード:

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

ラジアル

HEX #FA83CCBF まで HEX #FAC985


CSSコード:

background-image: radial-gradient(circle, #FA83CCBF 2%, #FAC985 100%);

 

HEX #FAC985 まで HEX #FA83CCBF


CSSコード:

background-image: linear-gradient(135deg, #FAC985 7%, #FA83CCBF 93%);

 

HEX #FAC985 まで HEX #FA83CCBF


CSSコード:

background-image: radial-gradient(circle, #FAC985 6%, #FA83CCBF 97%);

 

HEX #FA83CCBF まで HEX #85FAB2


CSSコード:

background-image: linear-gradient(135deg, #FA83CCBF 14%, #85FAB2 91%);

 

HEX #FA83CCBF まで HEX #85FAB2


CSSコード:

background-image: radial-gradient(circle, #FA83CCBF 1%, #85FAB2 88%);

 

HEX #85FAB2 まで HEX #FA83CCBF


CSSコード:

background-image: linear-gradient(135deg, #85FAB2 14%, #FA83CCBF 99%);

 

HEX #85FAB2 まで HEX #FA83CCBF


CSSコード:

background-image: radial-gradient(circle, #85FAB2 8%, #FA83CCBF 100%);

 

HEX #FA83CCBF まで HEX #85B5FA


CSSコード:

background-image: linear-gradient(135deg, #FA83CCBF 2%, #85B5FA 98%);

 

HEX #FA83CCBF まで HEX #85B5FA


CSSコード:

background-image: radial-gradient(circle, #FA83CCBF 13%, #85B5FA 95%);

 

HEX #85B5FA まで HEX #FA83CCBF


CSSコード:

background-image: linear-gradient(135deg, #85B5FA 1%, #FA83CCBF 89%);

 

HEX #85B5FA まで HEX #FA83CCBF


CSSコード:

background-image: radial-gradient(circle, #85B5FA 5%, #FA83CCBF 94%);

リニア

HEX #FA83CCBF まで HEX #FAEC85


CSSコード:

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

ラジアル

HEX #FA83CCBF まで HEX #FAEC85


CSSコード:

background-image: radial-gradient(circle, #FA83CCBF 6%, #FAEC85 96%);

 

HEX #FAEC85 まで HEX #FA83CCBF


CSSコード:

background-image: linear-gradient(135deg, #FAEC85 12%, #FA83CCBF 98%);

 

HEX #FAEC85 まで HEX #FA83CCBF


CSSコード:

background-image: radial-gradient(circle, #FAEC85 14%, #FA83CCBF 92%);

 

HEX #FA83CCBF まで HEX #85FAB2


CSSコード:

background-image: linear-gradient(135deg, #FA83CCBF 5%, #85FAB2 87%);

 

HEX #FA83CCBF まで HEX #85FAB2


CSSコード:

background-image: radial-gradient(circle, #FA83CCBF 3%, #85FAB2 97%);

 

HEX #85FAB2 まで HEX #FA83CCBF


CSSコード:

background-image: linear-gradient(135deg, #85FAB2 14%, #FA83CCBF 96%);

 

HEX #85FAB2 まで HEX #FA83CCBF


CSSコード:

background-image: radial-gradient(circle, #85FAB2 1%, #FA83CCBF 90%);

 

HEX #FA83CCBF まで HEX #8592FA


CSSコード:

background-image: linear-gradient(135deg, #FA83CCBF 3%, #8592FA 97%);

 

HEX #FA83CCBF まで HEX #8592FA


CSSコード:

background-image: radial-gradient(circle, #FA83CCBF 7%, #8592FA 98%);

 

HEX #8592FA まで HEX #FA83CCBF


CSSコード:

background-image: linear-gradient(135deg, #8592FA 14%, #FA83CCBF 96%);

 

HEX #8592FA まで HEX #FA83CCBF


CSSコード:

background-image: radial-gradient(circle, #8592FA 8%, #FA83CCBF 87%);

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

サービス内容

カラー

ラグビー に 呪咀

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