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

CSS グラデーション:
#006699

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

この色では、シアン(Cyan)が他の色よりも際立っています。青と緑の色相を表す値は、3番目の値よりも大きい。互いに近接し、赤の色相の値を超えている。 色値が他と比べて低いため、私たちにはこの色合いが濃く見える。

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

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

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

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

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



ブランド

この色は少なくとも1社で使用されています。ここで、どのようなものがあるのかを見てみましょう。

95% - MetaFilter | Communi...
リンク: http://www.metafilter.com

98% - ASB OV Bremen-Ost - ...
リンク: http://sanitaetsdienst-bremen.de

52% - Politecnico di Milan...
リンク: http://www.polimi.it

44% - Create and Manage yo...
リンク: https://onlineapplications.net

48% - 遊戲地帶
リンク: http://www.games.idv.tw

91% - 유큐브(주)에 오신것을 환영합니다.
リンク: http://www.ucube.kr

88% - Informatica - Autent...
リンク: http://blancoynegromasivo.com.co

51% - SBM - Sigorta Bilgi ...
リンク: http://sbm.org.tr

48% - Untitled Document
リンク: http://barbadoswaterpoloclub.mypressonline.com

36% - ユニーグループ・ホールディングス株式会社
リンク: http://www.unygroup-hds.com

40% - 现代家电网-家电行业营销门户:分享促销经...
リンク: http://WWW.XDJD.CN

58% - ООО «РемСтрой» г. Кр...
リンク: http://rs-krsk.ru

84% - Search, Register and...
リンク: https://www.securepaynet.net

76% - Simão Tur
リンク: http://www.simaotur.com

33% - ประชาไท
リンク: http://www.prachatai.com

70% - 名古屋のデザイナーズ住宅 建築設計事務所...
リンク: http://www.dokonimonaiuchi.com

95% - 【お問い合わせ】安心で快適なデザイナーズ...
リンク: http://www.dokonimonaiuchi.com

41% - H.I.S. 価格に自信あり!Web限定...
リンク: http://www.his-j.com

75% - ご利用ありがとうございます | ソフトバ...
リンク: http://softbank.jp

86% - Diseño Web Barcelona...
リンク: http://www.neserideas.com

73% - :*: Radio Avaaz :*:
リンク: http://qrubrasil.avaaz.com.br

60% - Phuket Gazette – Phu...
リンク: http://www.phuketgazette.net

41% - Enseignement de Prom...
リンク: http://www.restode.cfwb.be

33% - 転職ならDODA(デューダ) - 転職を...
リンク: http://doda.jp

74% - Bruno Cesar Web - Ho...
リンク: http://brunocesarweb.com.br

84% - 登录 - 搜美宅
リンク: http://www.someizhai.com

55% - Literartes: Literatu...
リンク: http://www.brasilculturartes.com.br

100% - 주식회사 원 WON corp
リンク: http://www.smart-won.com

25% - Bricks Apps - Bouw a...
リンク: http://www.bricksapps.nl

47% - 協和発酵キリン株式会社
リンク: http://www.kyowa-kirin.co.jp

93% - Kreddle - Most comfo...
リンク: http://www.kreddle.com

70% - Symplicity | Home
リンク: https://www.symplicity.com

100% - tibapp.com software ...
リンク: http://tibapp.com

47% - ProMD Health — Anti-...
リンク: http://promdhealth.com

91% - ERP Experts, SAP, JA...
リンク: http://www.erpexp.com

69% - ERP Experts, SAP Sol...
リンク: http://americanlinings.com

30% - 企業・IR | ソフトバンクグループ
リンク: http://www.softbank.jp

49% - .:: Fotriem - Instit...
リンク: http://www.fotriem.edu.py

79% - Orange County Home R...
リンク: http://orangecountyhomerentals.com

77% - 魔法导航 ver 1.0.0
リンク: http://2is.xyz

87% - Наружная реклама. Пр...
リンク: http://unypol.ru

68% - Gymnasium Oberwil
リンク: http://www.gymoberwil.ch

15% - Welcome to ACCRE - I...
リンク: http://drupal8cms.accre.pl

34% - BNR スピードテスト 回線速度/通信速...
リンク: http://www.musen-lan.com

31% - Web活用とコーポレートサイト制作のフィ...
リンク: http://www.fifth.co.jp

67% - uk.simpol.org -  Sim...
リンク: http://uk.simpol.org

72% - Simpol.org -  Campai...
リンク: http://www.simpol.org

92% - ベーリンガーインゲルハイム製薬株式会社
リンク: http://www.boehringer-ingelheim.jp

92% - 1-800-BITCOINBLING
リンク: http://bitcoinbling.xyz

34% - DESISA - Consultores
リンク: http://desisa.com

67% - 学生工作部 · 学生处
リンク: http://www1.avceit.cn

43% - TNEB Online Payment
リンク: https://www.tnebnet.org

40% - お客さまサポート | モバイル | ソフ...
リンク: http://www.softbank.jp

24% - スギホールディングス
リンク: http://www.drug-sugi.co.jp

21% - 『ニコニコの企画で一番キツかった案件は?...
リンク: http://originalnews.nico

24% - カラー・ドワンゴ・麻生塾によるアニメ・C...
リンク: http://originalnews.nico

80% - T4B | Together4Bould...
リンク: http://tg4b.org

98% - 螃蟹买买
リンク: http://www.pangxiemaimai.com

20% - 東京近郊 JR 路線図
リンク: http://jasf.org

13% - 松屋銀座 | MATSUYA 松屋
リンク: http://www.matsuya.com

23% - 書道家・安田東鶴 Web Site
リンク: http://www.toukaku.net

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

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

レッツゴー

リニア

HEX #006699 まで HEX #FF9966


CSSコード:

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

ラジアル

HEX #006699 まで HEX #FF9966


CSSコード:

background-image: radial-gradient(circle, #006699 1%, #FF9966 92%);

 

HEX #FF9966 まで HEX #006699


CSSコード:

background-image: linear-gradient(135deg, #FF9966 13%, #006699 98%);

 

HEX #FF9966 まで HEX #006699


CSSコード:

background-image: radial-gradient(circle, #FF9966 7%, #006699 95%);

リニア

HEX #006699 まで HEX #1678A7


CSSコード:

background-image: linear-gradient(135deg, #006699 3%, #1678A7 92%);

ラジアル

HEX #006699 まで HEX #1678A7


CSSコード:

background-image: radial-gradient(circle, #006699 1%, #1678A7 95%);

 

HEX #1678A7 まで HEX #006699


CSSコード:

background-image: linear-gradient(135deg, #1678A7 7%, #006699 95%);

 

HEX #1678A7 まで HEX #006699


CSSコード:

background-image: radial-gradient(circle, #1678A7 9%, #006699 94%);

 

HEX #006699 まで HEX #278ABA


CSSコード:

background-image: linear-gradient(135deg, #006699 0%, #278ABA 98%);

 

HEX #006699 まで HEX #278ABA


CSSコード:

background-image: radial-gradient(circle, #006699 11%, #278ABA 99%);

 

HEX #278ABA まで HEX #006699


CSSコード:

background-image: linear-gradient(135deg, #278ABA 5%, #006699 99%);

 

HEX #278ABA まで HEX #006699


CSSコード:

background-image: radial-gradient(circle, #278ABA 0%, #006699 98%);

 

HEX #006699 まで HEX #389CCD


CSSコード:

background-image: linear-gradient(135deg, #006699 2%, #389CCD 95%);

 

HEX #006699 まで HEX #389CCD


CSSコード:

background-image: radial-gradient(circle, #006699 8%, #389CCD 94%);

 

HEX #389CCD まで HEX #006699


CSSコード:

background-image: linear-gradient(135deg, #389CCD 4%, #006699 92%);

 

HEX #389CCD まで HEX #006699


CSSコード:

background-image: radial-gradient(circle, #389CCD 3%, #006699 98%);

 

HEX #006699 まで HEX #49AEE0


CSSコード:

background-image: linear-gradient(135deg, #006699 4%, #49AEE0 98%);

 

HEX #006699 まで HEX #49AEE0


CSSコード:

background-image: radial-gradient(circle, #006699 2%, #49AEE0 89%);

 

HEX #49AEE0 まで HEX #006699


CSSコード:

background-image: linear-gradient(135deg, #49AEE0 12%, #006699 93%);

 

HEX #49AEE0 まで HEX #006699


CSSコード:

background-image: radial-gradient(circle, #49AEE0 4%, #006699 97%);

リニア

HEX #006699 まで HEX #005486


CSSコード:

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

ラジアル

HEX #006699 まで HEX #005486


CSSコード:

background-image: radial-gradient(circle, #006699 7%, #005486 89%);

 

HEX #005486 まで HEX #006699


CSSコード:

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

 

HEX #005486 まで HEX #006699


CSSコード:

background-image: radial-gradient(circle, #005486 1%, #006699 98%);

 

HEX #006699 まで HEX #004273


CSSコード:

background-image: linear-gradient(135deg, #006699 6%, #004273 98%);

 

HEX #006699 まで HEX #004273


CSSコード:

background-image: radial-gradient(circle, #006699 4%, #004273 94%);

 

HEX #004273 まで HEX #006699


CSSコード:

background-image: linear-gradient(135deg, #004273 11%, #006699 86%);

 

HEX #004273 まで HEX #006699


CSSコード:

background-image: radial-gradient(circle, #004273 2%, #006699 86%);

 

HEX #006699 まで HEX #003060


CSSコード:

background-image: linear-gradient(135deg, #006699 2%, #003060 94%);

 

HEX #006699 まで HEX #003060


CSSコード:

background-image: radial-gradient(circle, #006699 12%, #003060 89%);

 

HEX #003060 まで HEX #006699


CSSコード:

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

 

HEX #003060 まで HEX #006699


CSSコード:

background-image: radial-gradient(circle, #003060 8%, #006699 100%);

 

HEX #006699 まで HEX #001E4D


CSSコード:

background-image: linear-gradient(135deg, #006699 12%, #001E4D 97%);

 

HEX #006699 まで HEX #001E4D


CSSコード:

background-image: radial-gradient(circle, #006699 5%, #001E4D 93%);

 

HEX #001E4D まで HEX #006699


CSSコード:

background-image: linear-gradient(135deg, #001E4D 7%, #006699 87%);

 

HEX #001E4D まで HEX #006699


CSSコード:

background-image: radial-gradient(circle, #001E4D 4%, #006699 86%);

リニア

HEX #006699 まで HEX #004C99


CSSコード:

background-image: linear-gradient(135deg, #006699 0%, #004C99 86%);

ラジアル

HEX #006699 まで HEX #004C99


CSSコード:

background-image: radial-gradient(circle, #006699 9%, #004C99 88%);

 

HEX #004C99 まで HEX #006699


CSSコード:

background-image: linear-gradient(135deg, #004C99 8%, #006699 89%);

 

HEX #004C99 まで HEX #006699


CSSコード:

background-image: radial-gradient(circle, #004C99 7%, #006699 88%);

 

HEX #006699 まで HEX #003399


CSSコード:

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

 

HEX #006699 まで HEX #003399


CSSコード:

background-image: radial-gradient(circle, #006699 5%, #003399 97%);

 

HEX #003399 まで HEX #006699


CSSコード:

background-image: linear-gradient(135deg, #003399 9%, #006699 100%);

 

HEX #003399 まで HEX #006699


CSSコード:

background-image: radial-gradient(circle, #003399 7%, #006699 100%);

 

HEX #006699 まで HEX #001999


CSSコード:

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

 

HEX #006699 まで HEX #001999


CSSコード:

background-image: radial-gradient(circle, #006699 0%, #001999 86%);

 

HEX #001999 まで HEX #006699


CSSコード:

background-image: linear-gradient(135deg, #001999 14%, #006699 100%);

 

HEX #001999 まで HEX #006699


CSSコード:

background-image: radial-gradient(circle, #001999 10%, #006699 98%);

 

HEX #006699 まで HEX #000099


CSSコード:

background-image: linear-gradient(135deg, #006699 3%, #000099 89%);

 

HEX #006699 まで HEX #000099


CSSコード:

background-image: radial-gradient(circle, #006699 10%, #000099 94%);

 

HEX #000099 まで HEX #006699


CSSコード:

background-image: linear-gradient(135deg, #000099 5%, #006699 96%);

 

HEX #000099 まで HEX #006699


CSSコード:

background-image: radial-gradient(circle, #000099 14%, #006699 86%);

リニア

HEX #006699 まで HEX #0088CC


CSSコード:

background-image: linear-gradient(135deg, #006699 1%, #0088CC 89%);

ラジアル

HEX #006699 まで HEX #0088CC


CSSコード:

background-image: radial-gradient(circle, #006699 1%, #0088CC 96%);

 

HEX #0088CC まで HEX #006699


CSSコード:

background-image: linear-gradient(135deg, #0088CC 3%, #006699 96%);

 

HEX #0088CC まで HEX #006699


CSSコード:

background-image: radial-gradient(circle, #0088CC 1%, #006699 99%);

 

HEX #006699 まで HEX #000000


CSSコード:

background-image: linear-gradient(135deg, #006699 1%, #000000 93%);

 

HEX #006699 まで HEX #000000


CSSコード:

background-image: radial-gradient(circle, #006699 3%, #000000 87%);

 

HEX #000000 まで HEX #006699


CSSコード:

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

 

HEX #000000 まで HEX #006699


CSSコード:

background-image: radial-gradient(circle, #000000 10%, #006699 95%);

 

HEX #006699 まで HEX #002233


CSSコード:

background-image: linear-gradient(135deg, #006699 7%, #002233 94%);

 

HEX #006699 まで HEX #002233


CSSコード:

background-image: radial-gradient(circle, #006699 5%, #002233 91%);

 

HEX #002233 まで HEX #006699


CSSコード:

background-image: linear-gradient(135deg, #002233 2%, #006699 93%);

 

HEX #002233 まで HEX #006699


CSSコード:

background-image: radial-gradient(circle, #002233 8%, #006699 92%);

 

HEX #006699 まで HEX #004466


CSSコード:

background-image: linear-gradient(135deg, #006699 2%, #004466 97%);

 

HEX #006699 まで HEX #004466


CSSコード:

background-image: radial-gradient(circle, #006699 6%, #004466 94%);

 

HEX #004466 まで HEX #006699


CSSコード:

background-image: linear-gradient(135deg, #004466 8%, #006699 100%);

 

HEX #004466 まで HEX #006699


CSSコード:

background-image: radial-gradient(circle, #004466 10%, #006699 88%);

リニア

HEX #006699 まで HEX #510099


CSSコード:

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

ラジアル

HEX #006699 まで HEX #510099


CSSコード:

background-image: radial-gradient(circle, #006699 14%, #510099 89%);

 

HEX #510099 まで HEX #006699


CSSコード:

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

 

HEX #510099 まで HEX #006699


CSSコード:

background-image: radial-gradient(circle, #510099 11%, #006699 99%);

 

HEX #006699 まで HEX #998E00


CSSコード:

background-image: linear-gradient(135deg, #006699 11%, #998E00 97%);

 

HEX #006699 まで HEX #998E00


CSSコード:

background-image: radial-gradient(circle, #006699 14%, #998E00 98%);

 

HEX #998E00 まで HEX #006699


CSSコード:

background-image: linear-gradient(135deg, #998E00 9%, #006699 91%);

 

HEX #998E00 まで HEX #006699


CSSコード:

background-image: radial-gradient(circle, #998E00 8%, #006699 99%);

リニア

HEX #006699 まで HEX #990066


CSSコード:

background-image: linear-gradient(135deg, #006699 9%, #990066 95%);

ラジアル

HEX #006699 まで HEX #990066


CSSコード:

background-image: radial-gradient(circle, #006699 4%, #990066 97%);

 

HEX #990066 まで HEX #006699


CSSコード:

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

 

HEX #990066 まで HEX #006699


CSSコード:

background-image: radial-gradient(circle, #990066 3%, #006699 91%);

 

HEX #006699 まで HEX #669900


CSSコード:

background-image: linear-gradient(135deg, #006699 4%, #669900 90%);

 

HEX #006699 まで HEX #669900


CSSコード:

background-image: radial-gradient(circle, #006699 7%, #669900 89%);

 

HEX #669900 まで HEX #006699


CSSコード:

background-image: linear-gradient(135deg, #669900 14%, #006699 86%);

 

HEX #669900 まで HEX #006699


CSSコード:

background-image: radial-gradient(circle, #669900 11%, #006699 99%);

リニア

HEX #006699 まで HEX #510099


CSSコード:

background-image: linear-gradient(135deg, #006699 7%, #510099 92%);

ラジアル

HEX #006699 まで HEX #510099


CSSコード:

background-image: radial-gradient(circle, #006699 0%, #510099 86%);

 

HEX #510099 まで HEX #006699


CSSコード:

background-image: linear-gradient(135deg, #510099 8%, #006699 91%);

 

HEX #510099 まで HEX #006699


CSSコード:

background-image: radial-gradient(circle, #510099 0%, #006699 99%);

 

HEX #006699 まで HEX #993200


CSSコード:

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

 

HEX #006699 まで HEX #993200


CSSコード:

background-image: radial-gradient(circle, #006699 2%, #993200 91%);

 

HEX #993200 まで HEX #006699


CSSコード:

background-image: linear-gradient(135deg, #993200 14%, #006699 98%);

 

HEX #993200 まで HEX #006699


CSSコード:

background-image: radial-gradient(circle, #993200 3%, #006699 91%);

 

HEX #006699 まで HEX #479900


CSSコード:

background-image: linear-gradient(135deg, #006699 14%, #479900 99%);

 

HEX #006699 まで HEX #479900


CSSコード:

background-image: radial-gradient(circle, #006699 13%, #479900 100%);

 

HEX #479900 まで HEX #006699


CSSコード:

background-image: linear-gradient(135deg, #479900 4%, #006699 88%);

 

HEX #479900 まで HEX #006699


CSSコード:

background-image: radial-gradient(circle, #479900 3%, #006699 97%);

リニア

HEX #006699 まで HEX #7F0099


CSSコード:

background-image: linear-gradient(135deg, #006699 4%, #7F0099 93%);

ラジアル

HEX #006699 まで HEX #7F0099


CSSコード:

background-image: radial-gradient(circle, #006699 4%, #7F0099 99%);

 

HEX #7F0099 まで HEX #006699


CSSコード:

background-image: linear-gradient(135deg, #7F0099 9%, #006699 92%);

 

HEX #7F0099 まで HEX #006699


CSSコード:

background-image: radial-gradient(circle, #7F0099 3%, #006699 87%);

 

HEX #006699 まで HEX #993200


CSSコード:

background-image: linear-gradient(135deg, #006699 13%, #993200 98%);

 

HEX #006699 まで HEX #993200


CSSコード:

background-image: radial-gradient(circle, #006699 12%, #993200 87%);

 

HEX #993200 まで HEX #006699


CSSコード:

background-image: linear-gradient(135deg, #993200 9%, #006699 94%);

 

HEX #993200 まで HEX #006699


CSSコード:

background-image: radial-gradient(circle, #993200 10%, #006699 92%);

 

HEX #006699 まで HEX #199900


CSSコード:

background-image: linear-gradient(135deg, #006699 14%, #199900 87%);

 

HEX #006699 まで HEX #199900


CSSコード:

background-image: radial-gradient(circle, #006699 10%, #199900 89%);

 

HEX #199900 まで HEX #006699


CSSコード:

background-image: linear-gradient(135deg, #199900 10%, #006699 94%);

 

HEX #199900 まで HEX #006699


CSSコード:

background-image: radial-gradient(circle, #199900 2%, #006699 97%);

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

サービス内容

カラー

ラグビー に 呪咀

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

カラーパレットを保存するには、ログインする必要があります。

アカウントにログイン

または

アカウントを作成する

現在のカラーパレット 共有
公開か非公開か?
共有後、リンク(複数可)が続きます。

キャンセル シェア

カラーパレット共有
ご希望のリンクをコピーして保存してください。

シェア

OK、リンクをコピーしておきました

カラーは新しいカラーパレットに保存され、
プロフィールの下に表示されます。
さらにカスタマイズしたり、共有することもできます。

カラーパレットを表示する
了い

カラーパレットを作成する

ダウンロード各種フォーマットでダウンロード

すべて削除

をクリックすると、パレットを作成し、 色見本をダウンロードすることができます。