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

CSS グラデーション:
CMYK 0 / 60 / 100 / 0

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

この色では、赤が他の色より際立っています。赤の色相の値が他の2つの値より大きくなっています。緑と青の色相のために、値よりもはるかに際立っているのです。 色値が他と比較して高いため、この色合いは私たちには明るく見える。

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

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

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

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

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



ブランド

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

95% - Hacker News
リンク: https://news.ycombinator.com

82% - TVNET :: Ievērojamas...
リンク: http://www.tvnet.lv

81% - Hacker News
リンク: http://www.premii.com/hn

87% - HackerWeb
リンク: http://cheeaun.github.io

88% - NEVERSAW.US
リンク: http://neversaw.us

81% - Martin Dobrev | Web ...
リンク: http://www.dobreff.net

46% - Blackpool FC fans po...
リンク: http://seasiderspodcast.co.uk

68% - Thomas L’Excellent
リンク: http://book.thomaslexcellent.com

81% - Hacker News
リンク: http://premii.com

30% - Addison Hall Design ...
リンク: http://addisonhalldesign.com

30% - Fotoboek - Fotokalen...
リンク: http://www.albelli.nl

100% - Welcom to Shree Sidh...
リンク: http://sidhdham.co.in

45% - Сайт Иванова Ю.К.
リンク: http://expsys.ru

45% - mama58.ru - Сайт для...
リンク: http://mama58.ru

36% - ジョッガ|jogga|映像と文章の作家事...
リンク: http://jogga.jp

53% - Say More With Video ...
リンク: http://saymorewithvideo.com

47% - Fortschritt bewahren...
リンク: http://fortschritt-bewahren.de

22% - Christa Kasehs :: Ho...
リンク: http://www.christakasehs.at

63% - GARBAGE
リンク: http://www.samwisegamgee69.byethost18.com

75% - Novem Blog
リンク: http://no9vem.blog.fc2.com

68% - Cute.Search | Kyushu...
リンク: http://kyushu.summon.serialssolutions.com

47% - K1VRA Home Page
リンク: http://k1vra.com

54% - ROC - Global SAP HCM...
リンク: http://www.roc-group.pl

42% - Gigabyte Gurus | Wel...
リンク: http://www.gigabytegurus.com

39% - Peterboro Tool Co., ...
リンク: http://www.ptool.com

67% - Junk66 Productions
リンク: http://www.junk66.com

82% - Yoann Lagarde
リンク: http://www.yoannlagarde.fr

64% - Observer
リンク: http://observer.com

67% - Junk66 Productions
リンク: http://junk66.com

36% - Cumula: de optelsom ...
リンク: http://www.cumula.nl

52% - Effecta Learning - K...
リンク: http://www.effecta.nl

50% - Colegio Particular E...
リンク: http://moodle.copol.edu.ec

81% - Hacker News
リンク: http://hn.premii.com

27% - Applications multi-u...
リンク: http://www.lucca.fr

64% - Beacons
リンク: http://beacons.herokuapp.com

44% - Welcome to mm-d.net
リンク: http://www.mm-d.net

81% - Vemma Nutrition Comp...
リンク: http://www.vemma.com

45% - [4h] D E S ! G N . N...
リンク: http://www.nickyeh.com

49% - Curcio e Filhos Mate...
リンク: http://www.curcioefilhos.com.br

97% - Face4you: Create you...
リンク: http://www.face4you.net

94% - Argent Web Reporting...
リンク: https://awr.telstra.com

64% - Últimas Noticias - Q...
リンク: http://www.quadratin.com.mx

78% - Portal del Cliente d...
リンク: http://www.manchatel.es

75% - Kajetandziedzic
リンク: http://kajetandziedzic.za.pl

61% - www.synlab.org.cn | ...
リンク: http://www.synlab.org.cn

35% - NARANJADIGITAL
リンク: http://naranjadigital.cl

45% - Vagas rio RJ,Emprego...
リンク: http://vagasriorj.blogspot.com.br

82% - img_flag.gif (200x13...
リンク: http://www.albirex.co.jp

60% - Coaching Vallès
リンク: http://coachingvalles.com

84% - claudia in bytes: Fl...
リンク: http://claudiainbytes.com

49% - claudia in bytes: Fl...
リンク: http://flavors.me

36% - Weborient
リンク: http://www.weborient.hu

71% - MacGeneration | Tout...
リンク: http://www.macg.co

41% - CS BEAVER
リンク: http://www.csbeaver.com

71% - Wap.WildMob.ru Скача...
リンク: http://wap.wildmob.ru

70% - Home - Pons Creative...
リンク: http://ponscreative.com

39% - Bluleadz Inbound Mar...
リンク: http://www.bluleadz.com

96% - Home | ING
リンク: http://www.ing.com

60% - 山中眼科クリニック[神戸市東灘区住吉本町...
リンク: http://www.doc-yamanakas-ec.com

42% - Sampression Lite
リンク: http://demo.sampression.com

43% - 東所沢の整形外科・リハビリテーション・脊...
リンク: http://www.kanja.jp

40% - Home Page | TaxSpeak...
リンク: http://www.taxspeaker.com

71% - TechMaster Telecom –...
リンク: http://www.techmastertelecom.com

44% - Cleaners in Warringt...
リンク: http://www.cleaners-warrington.co.uk

55% - Child Safety and Loc...
リンク: http://www.mybuddytag.com

70% - Bisnow Commercial Re...
リンク: https://www.bisnow.com

43% - Destacamos | UTEM
リンク: http://www.utem.cl

36% - Home - Action Jobs
リンク: http://www.action.jobs

37% - Arwood's - Misso...
リンク: http://www.arwoodsfurniture.com

16% - 中国平安保险(集团)股份有限公司 - 保...
リンク: http://www.pingan.com

41% - 名片设计_名片在线设计制作_名片免费设计...
リンク: http://www.yifutu.com

87% - Orange Press: Home
リンク: http://www.orange-press.com

56% - 金色家园首页_金色家园官网
リンク: http://gw.jyall.com

93% - The Hermès corporate...
リンク: http://lesailes.hermes.com

65% - Ignição Digital | Co...
リンク: http://www.ignicaodigital.com.br

74% - アイルランドの国旗 | 世界の国旗
リンク: http://www.abysse.co.jp

34% - エクスウェア株式会社:クラウドを喰らうど...
リンク: http://www.xware.co.jp

84% - ING DIRECT - Persona...
リンク: http://ingdirect.com.au

81% - eAnuncios.com - Anun...
リンク: https://www.eanuncios.com

37% - Administrador de fin...
リンク: http://www.boomynavarro.com

74% - Alibaba Group
リンク: http://www.alibabagroup.com

40% - Fantastic Cleaners M...
リンク: http://www.fantasticcleanersmelbourne.com.au

44% - Expert Oven Cleaning...
リンク: http://www.fantasticovencleanersmelbourne.com.au

92% - Orange
リンク: http://id.orange.fr

38% - Truper® - Es mucha h...
リンク: https://www.truper.com.mx

38% - Truper® - Es mucha h...
リンク: https://www.truper.com

49% - Reserva vuelos barat...
リンク: http://www.easyjet.com

85% - Ihr Partner für Web ...
リンク: http://www.unleashed-design.de

68% - Jbl
リンク: http://JBL.com

100% - Hermes
リンク: http://www.hermes.com

27% - 3 Wathosen die ich e...
リンク: http://wathose-test.com

88% - Home - Bonici Claudi...
リンク: http://www.boniciclaudio.it

77% - Muebles baratos onli...
リンク: http://www.flatpack.es

79% - IDEALO – die Nr. 1 i...
リンク: http://www.idealo.de

54% - Awesome Fontstacks
リンク: http://awesome-fontstacks.com

73% - PSMóviles
リンク: http://psmoviles.es

44% - Response
リンク: http://response.FR

86% - Intelligent Automati...
リンク: http://www.cortex.co.uk

57% - 陽南幼稚園・陽南第二幼稚園|栃木県宇都宮...
リンク: http://www.younan-kg.ed.jp

49% - Farrow & Ball | ...
リンク: http://diy.com

45% - KTM motociklai ir ak...
リンク: http://ktm-moto.lt

53% - 404 Error - Not Foun...
リンク: http://nana-k.cheap.jp

59% - Media Displays - Adv...
リンク: http://mediadisplays.tv

39% - Portal Adesões | Ata...
リンク: http://www.portaladesoes.com.br

23% - Home
リンク: http://www.usedcaradvertiser.co.uk

58% - ALQUILER PARKING CEN...
リンク: http://www.santaperpetua.cat

44% - CDB Financial Servic...
リンク: http://www.cdbfinancialservices.com.au

36% - 株式会社SIG
リンク: https://www.sig-c.co.jp

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

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

レッツゴー

リニア

HEX #FF6600 まで HEX #0099FF


CSSコード:

background-image: linear-gradient(135deg, #FF6600 3%, #0099FF 97%);

ラジアル

HEX #FF6600 まで HEX #0099FF


CSSコード:

background-image: radial-gradient(circle, #FF6600 5%, #0099FF 88%);

 

HEX #0099FF まで HEX #FF6600


CSSコード:

background-image: linear-gradient(135deg, #0099FF 13%, #FF6600 91%);

 

HEX #0099FF まで HEX #FF6600


CSSコード:

background-image: radial-gradient(circle, #0099FF 1%, #FF6600 96%);

リニア

HEX #FF6600 まで HEX #FF2100


CSSコード:

background-image: linear-gradient(135deg, #FF6600 12%, #FF2100 99%);

ラジアル

HEX #FF6600 まで HEX #FF2100


CSSコード:

background-image: radial-gradient(circle, #FF6600 3%, #FF2100 93%);

 

HEX #FF2100 まで HEX #FF6600


CSSコード:

background-image: linear-gradient(135deg, #FF2100 10%, #FF6600 88%);

 

HEX #FF2100 まで HEX #FF6600


CSSコード:

background-image: radial-gradient(circle, #FF2100 13%, #FF6600 91%);

 

HEX #FF6600 まで HEX #FFAA00


CSSコード:

background-image: linear-gradient(135deg, #FF6600 6%, #FFAA00 95%);

 

HEX #FF6600 まで HEX #FFAA00


CSSコード:

background-image: radial-gradient(circle, #FF6600 8%, #FFAA00 99%);

 

HEX #FFAA00 まで HEX #FF6600


CSSコード:

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

 

HEX #FFAA00 まで HEX #FF6600


CSSコード:

background-image: radial-gradient(circle, #FFAA00 10%, #FF6600 90%);

 

HEX #FF6600 まで HEX #FFEE00


CSSコード:

background-image: linear-gradient(135deg, #FF6600 1%, #FFEE00 95%);

 

HEX #FF6600 まで HEX #FFEE00


CSSコード:

background-image: radial-gradient(circle, #FF6600 14%, #FFEE00 100%);

 

HEX #FFEE00 まで HEX #FF6600


CSSコード:

background-image: linear-gradient(135deg, #FFEE00 6%, #FF6600 90%);

 

HEX #FFEE00 まで HEX #FF6600


CSSコード:

background-image: radial-gradient(circle, #FFEE00 12%, #FF6600 95%);

リニア

HEX #FF6600 まで HEX #D55500


CSSコード:

background-image: linear-gradient(135deg, #FF6600 12%, #D55500 95%);

ラジアル

HEX #FF6600 まで HEX #D55500


CSSコード:

background-image: radial-gradient(circle, #FF6600 2%, #D55500 91%);

 

HEX #D55500 まで HEX #FF6600


CSSコード:

background-image: linear-gradient(135deg, #D55500 3%, #FF6600 92%);

 

HEX #D55500 まで HEX #FF6600


CSSコード:

background-image: radial-gradient(circle, #D55500 1%, #FF6600 95%);

 

HEX #FF6600 まで HEX #FF7E29


CSSコード:

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

 

HEX #FF6600 まで HEX #FF7E29


CSSコード:

background-image: radial-gradient(circle, #FF6600 5%, #FF7E29 100%);

 

HEX #FF7E29 まで HEX #FF6600


CSSコード:

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

 

HEX #FF7E29 まで HEX #FF6600


CSSコード:

background-image: radial-gradient(circle, #FF7E29 10%, #FF6600 90%);

 

HEX #FF6600 まで HEX #FF9752


CSSコード:

background-image: linear-gradient(135deg, #FF6600 7%, #FF9752 88%);

 

HEX #FF6600 まで HEX #FF9752


CSSコード:

background-image: radial-gradient(circle, #FF6600 4%, #FF9752 89%);

 

HEX #FF9752 まで HEX #FF6600


CSSコード:

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

 

HEX #FF9752 まで HEX #FF6600


CSSコード:

background-image: radial-gradient(circle, #FF9752 11%, #FF6600 98%);

リニア

HEX #FF6600 まで HEX #FF2100


CSSコード:

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

ラジアル

HEX #FF6600 まで HEX #FF2100


CSSコード:

background-image: radial-gradient(circle, #FF6600 4%, #FF2100 88%);

 

HEX #FF2100 まで HEX #FF6600


CSSコード:

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

 

HEX #FF2100 まで HEX #FF6600


CSSコード:

background-image: radial-gradient(circle, #FF2100 3%, #FF6600 91%);

 

HEX #FF6600 まで HEX #FFAA00


CSSコード:

background-image: linear-gradient(135deg, #FF6600 12%, #FFAA00 90%);

 

HEX #FF6600 まで HEX #FFAA00


CSSコード:

background-image: radial-gradient(circle, #FF6600 13%, #FFAA00 91%);

 

HEX #FFAA00 まで HEX #FF6600


CSSコード:

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

 

HEX #FFAA00 まで HEX #FF6600


CSSコード:

background-image: radial-gradient(circle, #FFAA00 12%, #FF6600 86%);

 

HEX #FF6600 まで HEX #FFEE00


CSSコード:

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

 

HEX #FF6600 まで HEX #FFEE00


CSSコード:

background-image: radial-gradient(circle, #FF6600 9%, #FFEE00 100%);

 

HEX #FFEE00 まで HEX #FF6600


CSSコード:

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

 

HEX #FFEE00 まで HEX #FF6600


CSSコード:

background-image: radial-gradient(circle, #FFEE00 5%, #FF6600 88%);

リニア

HEX #FF6600 まで HEX #D55500


CSSコード:

background-image: linear-gradient(135deg, #FF6600 10%, #D55500 97%);

ラジアル

HEX #FF6600 まで HEX #D55500


CSSコード:

background-image: radial-gradient(circle, #FF6600 12%, #D55500 91%);

 

HEX #D55500 まで HEX #FF6600


CSSコード:

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

 

HEX #D55500 まで HEX #FF6600


CSSコード:

background-image: radial-gradient(circle, #D55500 10%, #FF6600 90%);

 

HEX #FF6600 まで HEX #FF7E29


CSSコード:

background-image: linear-gradient(135deg, #FF6600 13%, #FF7E29 89%);

 

HEX #FF6600 まで HEX #FF7E29


CSSコード:

background-image: radial-gradient(circle, #FF6600 2%, #FF7E29 90%);

 

HEX #FF7E29 まで HEX #FF6600


CSSコード:

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

 

HEX #FF7E29 まで HEX #FF6600


CSSコード:

background-image: radial-gradient(circle, #FF7E29 11%, #FF6600 86%);

 

HEX #FF6600 まで HEX #FF9752


CSSコード:

background-image: linear-gradient(135deg, #FF6600 3%, #FF9752 90%);

 

HEX #FF6600 まで HEX #FF9752


CSSコード:

background-image: radial-gradient(circle, #FF6600 7%, #FF9752 88%);

 

HEX #FF9752 まで HEX #FF6600


CSSコード:

background-image: linear-gradient(135deg, #FF9752 3%, #FF6600 98%);

 

HEX #FF9752 まで HEX #FF6600


CSSコード:

background-image: radial-gradient(circle, #FF9752 14%, #FF6600 100%);

リニア

HEX #FF6600 まで HEX #65FF00


CSSコード:

background-image: linear-gradient(135deg, #FF6600 8%, #65FF00 89%);

ラジアル

HEX #FF6600 まで HEX #65FF00


CSSコード:

background-image: radial-gradient(circle, #FF6600 8%, #65FF00 100%);

 

HEX #65FF00 まで HEX #FF6600


CSSコード:

background-image: linear-gradient(135deg, #65FF00 1%, #FF6600 90%);

 

HEX #65FF00 まで HEX #FF6600


CSSコード:

background-image: radial-gradient(circle, #65FF00 9%, #FF6600 96%);

 

HEX #FF6600 まで HEX #0000FF


CSSコード:

background-image: linear-gradient(135deg, #FF6600 5%, #0000FF 100%);

 

HEX #FF6600 まで HEX #0000FF


CSSコード:

background-image: radial-gradient(circle, #FF6600 1%, #0000FF 100%);

 

HEX #0000FF まで HEX #FF6600


CSSコード:

background-image: linear-gradient(135deg, #0000FF 14%, #FF6600 98%);

 

HEX #0000FF まで HEX #FF6600


CSSコード:

background-image: radial-gradient(circle, #0000FF 7%, #FF6600 96%);

リニア

HEX #FF6600 まで HEX #00FF65


CSSコード:

background-image: linear-gradient(135deg, #FF6600 4%, #00FF65 91%);

ラジアル

HEX #FF6600 まで HEX #00FF65


CSSコード:

background-image: radial-gradient(circle, #FF6600 5%, #00FF65 95%);

 

HEX #00FF65 まで HEX #FF6600


CSSコード:

background-image: linear-gradient(135deg, #00FF65 2%, #FF6600 99%);

 

HEX #00FF65 まで HEX #FF6600


CSSコード:

background-image: radial-gradient(circle, #00FF65 7%, #FF6600 88%);

 

HEX #FF6600 まで HEX #6600FF


CSSコード:

background-image: linear-gradient(135deg, #FF6600 12%, #6600FF 92%);

 

HEX #FF6600 まで HEX #6600FF


CSSコード:

background-image: radial-gradient(circle, #FF6600 14%, #6600FF 87%);

 

HEX #6600FF まで HEX #FF6600


CSSコード:

background-image: linear-gradient(135deg, #6600FF 3%, #FF6600 87%);

 

HEX #6600FF まで HEX #FF6600


CSSコード:

background-image: radial-gradient(circle, #6600FF 13%, #FF6600 97%);

リニア

HEX #FF6600 まで HEX #65FF00


CSSコード:

background-image: linear-gradient(135deg, #FF6600 1%, #65FF00 98%);

ラジアル

HEX #FF6600 まで HEX #65FF00


CSSコード:

background-image: radial-gradient(circle, #FF6600 8%, #65FF00 86%);

 

HEX #65FF00 まで HEX #FF6600


CSSコード:

background-image: linear-gradient(135deg, #65FF00 2%, #FF6600 89%);

 

HEX #65FF00 まで HEX #FF6600


CSSコード:

background-image: radial-gradient(circle, #65FF00 0%, #FF6600 94%);

 

HEX #FF6600 まで HEX #0099FF


CSSコード:

background-image: linear-gradient(135deg, #FF6600 4%, #0099FF 86%);

 

HEX #FF6600 まで HEX #0099FF


CSSコード:

background-image: radial-gradient(circle, #FF6600 2%, #0099FF 94%);

 

HEX #0099FF まで HEX #FF6600


CSSコード:

background-image: linear-gradient(135deg, #0099FF 3%, #FF6600 98%);

 

HEX #0099FF まで HEX #FF6600


CSSコード:

background-image: radial-gradient(circle, #0099FF 11%, #FF6600 87%);

 

HEX #FF6600 まで HEX #9800FF


CSSコード:

background-image: linear-gradient(135deg, #FF6600 13%, #9800FF 97%);

 

HEX #FF6600 まで HEX #9800FF


CSSコード:

background-image: radial-gradient(circle, #FF6600 11%, #9800FF 98%);

 

HEX #9800FF まで HEX #FF6600


CSSコード:

background-image: linear-gradient(135deg, #9800FF 12%, #FF6600 90%);

 

HEX #9800FF まで HEX #FF6600


CSSコード:

background-image: radial-gradient(circle, #9800FF 2%, #FF6600 94%);

リニア

HEX #FF6600 まで HEX #19FF00


CSSコード:

background-image: linear-gradient(135deg, #FF6600 7%, #19FF00 91%);

ラジアル

HEX #FF6600 まで HEX #19FF00


CSSコード:

background-image: radial-gradient(circle, #FF6600 13%, #19FF00 99%);

 

HEX #19FF00 まで HEX #FF6600


CSSコード:

background-image: linear-gradient(135deg, #19FF00 2%, #FF6600 90%);

 

HEX #19FF00 まで HEX #FF6600


CSSコード:

background-image: radial-gradient(circle, #19FF00 1%, #FF6600 91%);

 

HEX #FF6600 まで HEX #0099FF


CSSコード:

background-image: linear-gradient(135deg, #FF6600 0%, #0099FF 93%);

 

HEX #FF6600 まで HEX #0099FF


CSSコード:

background-image: radial-gradient(circle, #FF6600 0%, #0099FF 96%);

 

HEX #0099FF まで HEX #FF6600


CSSコード:

background-image: linear-gradient(135deg, #0099FF 2%, #FF6600 96%);

 

HEX #0099FF まで HEX #FF6600


CSSコード:

background-image: radial-gradient(circle, #0099FF 9%, #FF6600 90%);

 

HEX #FF6600 まで HEX #E500FF


CSSコード:

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

 

HEX #FF6600 まで HEX #E500FF


CSSコード:

background-image: radial-gradient(circle, #FF6600 2%, #E500FF 97%);

 

HEX #E500FF まで HEX #FF6600


CSSコード:

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

 

HEX #E500FF まで HEX #FF6600


CSSコード:

background-image: radial-gradient(circle, #E500FF 0%, #FF6600 94%);

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

サービス内容

カラー

ラグビー に 呪咀

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

カミーユ に 呪咀

から変換する CMYK シアン/マゼンタ/イエロー/キー まで #RRGGBB

カミーユ に ラグビー

から変換する CMYK シアン/マゼンタ/イエロー/キー まで RGB レッド・グリーン・ブルー

カミーユ に ラル®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで RAL® 番号 (RAL 0000)

カミーユ に 豚足®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで HKS® 番号(HKS 00)

カミーユ に パントン®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで Pantone® 番号 (Pantone 0000)

カミーユ に シャーウィン・ウィリアムズ®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで シャーウィン・ウィリアムズ® 番号 (SW 0000)

カミーユ に エヌシーエス®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで NCS番号(S0000-X00X)

nsc-logo

呪咀 に ラグビー

から変換する #RRGGBB まで RGB レッド・グリーン・ブルー

呪咀 に カミーユ

から変換する #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) まで 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) まで 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) まで 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) まで 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) まで CMYK シアン/マゼンタ/イエロー/キー

Icons

エヌシーエス® に 呪咀

から変換する NCS番号(S0000-X00X) まで #RRGGBB

エヌシーエス® に ラル®

から変換する NCS番号(S0000-X00X) まで RAL® 番号 (RAL 0000)

エヌシーエス® に 豚足®

から変換する NCS番号(S0000-X00X) まで HKS® 番号(HKS 00)

エヌシーエス® に パントン®

から変換する NCS番号(S0000-X00X) まで Pantone® 番号 (Pantone 0000)

エヌシーエス® に シャーウィン・ウィリアムズ®

から変換する NCS番号(S0000-X00X) まで シャーウィン・ウィリアムズ® 番号 (SW 0000)

コード

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

アカウントにログイン

または

アカウントを作成する

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

キャンセル シェア

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

シェア

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

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

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

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

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

すべて削除

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