カラーグラデーション 1350色の色見本 カラーコード一覧

色合いごとに、5段階の鮮やかさと11段階の明るさでグラデーションを表示しています(グレーを除く)。詳細についてはページ下の説明をご覧ください。

#3f3f3f #7f7f7f #afafaf #dddddd #ffffff
#333333 #757575 #a8a8a8 #d6d6d6 #f9f9f9
#262626 #6b6b6b #a0a0a0 #cecece #f4f4f4
#191919 #606060 #999999 #c6c6c6 #efefef
#0c0c0c #565656 #919191 #bfbfbf #eaeaea
#000000 #4c4c4c #898989 #b7b7b7 #e5e5e5
#f4efef #f7eded #f9eaea #fce8e8 #ffe5e5
#eae0e0 #efdbdb #f4d6d6 #f9d1d1 #ffcccc
#e0d1d1 #e8c9c9 #efc1c1 #f7baba #ffb2b2
#d6c1c1 #e0b7b7 #eaadad #f4a3a3 #ff9999
#c1a3a3 #d19393 #e08484 #ef7575 #ff6565
#ad8484 #c17070 #d65b5b #ea4747 #ff3232
#996666 #b24c4c #cc3333 #e51919 #ff0000
#7a5151 #8e3d3d #a32828 #b71414 #cc0000
#5b3d3d #6b2d2d #7a1e1e #890f0f #990000
#3d2828 #471e1e #511414 #5b0a0a #660000
#1e1414 #230f0f #280a0a #2d0505 #330000
#f4f0ef #f7efed #f9eeea #fcede8 #ffebe5
#eae2e0 #efe0db #f4ddd6 #f9dbd1 #ffd8cc
#e0d4d1 #e8d1c9 #efcdc1 #f7c9ba #ffc5b2
#d6c6c1 #e0c1b7 #eabcad #f4b7a3 #ffb299
#c1aaa3 #d1a393 #e09b84 #ef9375 #ff8c65
#ad8e84 #c18470 #d67a5b #ea7047 #ff6532
#997266 #b2654c #cc5933 #e54c19 #ff3f00
#7a5b51 #8e513d #a34728 #b73d14 #cc3300
#5b443d #6b3d2d #7a351e #892d0f #992600
#3d2d28 #47281e #512314 #5b1e0a #661900
#1e1614 #23140f #28110a #2d0f05 #330c00
#f4f2ef #f7f2ed #f9f2ea #fcf2e8 #fff2e5
#eae5e0 #efe5db #f4e5d6 #f9e5d1 #ffe5cc
#e0d8d1 #e8d8c9 #efd8c1 #f7d8ba #ffd8b2
#d6ccc1 #e0ccb7 #eaccad #f4cca3 #ffcc99
#c1b2a3 #d1b293 #e0b284 #efb275 #ffb265
#ad9984 #c19970 #d6995b #ea9947 #ff9932
#997f66 #b27f4c #cc7f33 #e57f19 #ff7f00
#7a6651 #8e663d #a36628 #b76614 #cc6600
#5b4c3d #6b4c2d #7a4c1e #894c0f #994c00
#3d3328 #47331e #513314 #5b330a #663300
#1e1914 #23190f #28190a #2d1905 #331900
#f4f3ef #f7f4ed #f9f6ea #fcf7e8 #fff8e5
#eae8e0 #efeadb #f4edd6 #f9efd1 #fff2cc
#e0dcd1 #e8e0c9 #efe4c1 #f7e8ba #ffebb2
#d6d1c1 #e0d6b7 #eadbad #f4e0a3 #ffe599
#c1baa3 #d1c193 #e0c984 #efd175 #ffd865
#ada384 #c1ad70 #d6b75b #eac147 #ffcc32
#998c66 #b2994c #cca533 #e5b219 #ffbf00
#7a7051 #8e7a3d #a38428 #b78e14 #cc9900
#5b543d #6b5b2d #7a631e #896b0f #997200
#3d3828 #473d1e #514214 #5b470a #664c00
#1e1c14 #231e0f #28210a #2d2305 #332600
#f4f4ef #f7f7ed #f9f9ea #fcfce8 #ffffe5
#eaeae0 #efefdb #f4f4d6 #f9f9d1 #ffffcc
#e0e0d1 #e8e8c9 #efefc1 #f7f7ba #ffffb2
#d6d6c1 #e0e0b7 #eaeaad #f4f4a3 #ffff99
#c1c1a3 #d1d193 #e0e084 #efef75 #ffff65
#adad84 #c1c170 #d6d65b #eaea47 #ffff32
#999966 #b2b24c #cccc33 #e5e519 #ffff00
#7a7a51 #8e8e3d #a3a328 #b7b714 #cccc00
#5b5b3d #6b6b2d #7a7a1e #89890f #999900
#3d3d28 #47471e #515114 #5b5b0a #666600
#1e1e14 #23230f #28280a #2d2d05 #333300
#f3f4ef #f4f7ed #f6f9ea #f7fce8 #f8ffe5
#e8eae0 #eaefdb #edf4d6 #eff9d1 #f2ffcc
#dce0d1 #e0e8c9 #e4efc1 #e8f7ba #ebffb2
#d1d6c1 #d6e0b7 #dbeaad #e0f4a3 #e5ff99
#bac1a3 #c1d193 #c9e084 #d1ef75 #d8ff65
#a3ad84 #adc170 #b7d65b #c1ea47 #ccff32
#8c9966 #99b24c #a5cc33 #b2e519 #bfff00
#707a51 #7a8e3d #84a328 #8eb714 #99cc00
#545b3d #5b6b2d #637a1e #6b890f #729900
#383d28 #3d471e #425114 #475b0a #4c6600
#1c1e14 #1e230f #21280a #232d05 #263300
#f2f4ef #f2f7ed #f2f9ea #f2fce8 #f2ffe5
#e5eae0 #e5efdb #e5f4d6 #e5f9d1 #e5ffcc
#d8e0d1 #d8e8c9 #d8efc1 #d8f7ba #d8ffb2
#ccd6c1 #cce0b7 #cceaad #ccf4a3 #ccff99
#b2c1a3 #b2d193 #b2e084 #b2ef75 #b2ff65
#99ad84 #99c170 #99d65b #99ea47 #99ff32
#7f9966 #7fb24c #7fcc33 #7fe519 #7fff00
#667a51 #668e3d #66a328 #66b714 #66cc00
#4c5b3d #4c6b2d #4c7a1e #4c890f #4c9900
#333d28 #33471e #335114 #335b0a #336600
#191e14 #19230f #19280a #192d05 #193300
#f0f4ef #eff7ed #eef9ea #edfce8 #ebffe5
#e2eae0 #e0efdb #ddf4d6 #dbf9d1 #d8ffcc
#d4e0d1 #d1e8c9 #cdefc1 #c9f7ba #c5ffb2
#c6d6c1 #c1e0b7 #bceaad #b7f4a3 #b2ff99
#aac1a3 #a3d193 #9be084 #93ef75 #8cff65
#8ead84 #84c170 #7ad65b #70ea47 #65ff32
#729966 #65b24c #59cc33 #4ce519 #3fff00
#5b7a51 #518e3d #47a328 #3db714 #33cc00
#445b3d #3d6b2d #357a1e #2d890f #269900
#2d3d28 #28471e #235114 #1e5b0a #196600
#161e14 #14230f #11280a #0f2d05 #0c3300
#eff4ef #edf7ed #eaf9ea #e8fce8 #e5ffe5
#e0eae0 #dbefdb #d6f4d6 #d1f9d1 #ccffcc
#d1e0d1 #c9e8c9 #c1efc1 #baf7ba #b2ffb2
#c1d6c1 #b7e0b7 #adeaad #a3f4a3 #99ff99
#a3c1a3 #93d193 #84e084 #75ef75 #65ff65
#84ad84 #70c170 #5bd65b #47ea47 #32ff32
#669966 #4cb24c #33cc33 #19e519 #00ff00
#517a51 #3d8e3d #28a328 #14b714 #00cc00
#3d5b3d #2d6b2d #1e7a1e #0f890f #009900
#283d28 #1e471e #145114 #0a5b0a #006600
#141e14 #0f230f #0a280a #052d05 #003300
#eff4f0 #edf7ef #eaf9ee #e8fced #e5ffeb
#e0eae2 #dbefe0 #d6f4dd #d1f9db #ccffd8
#d1e0d4 #c9e8d1 #c1efcd #baf7c9 #b2ffc5
#c1d6c6 #b7e0c1 #adeabc #a3f4b7 #99ffb2
#a3c1aa #93d1a3 #84e09b #75ef93 #65ff8c
#84ad8e #70c184 #5bd67a #47ea70 #32ff65
#669972 #4cb265 #33cc59 #19e54c #00ff3f
#517a5b #3d8e51 #28a347 #14b73d #00cc33
#3d5b44 #2d6b3d #1e7a35 #0f892d #009926
#283d2d #1e4728 #145123 #0a5b1e #006619
#141e16 #0f2314 #0a2811 #052d0f #00330c
#eff4f2 #edf7f2 #eaf9f2 #e8fcf2 #e5fff2
#e0eae5 #dbefe5 #d6f4e5 #d1f9e5 #ccffe5
#d1e0d8 #c9e8d8 #c1efd8 #baf7d8 #b2ffd8
#c1d6cc #b7e0cc #adeacc #a3f4cc #99ffcc
#a3c1b2 #93d1b2 #84e0b2 #75efb2 #65ffb2
#84ad99 #70c199 #5bd699 #47ea99 #32ff99
#66997f #4cb27f #33cc7f #19e57f #00ff7f
#517a66 #3d8e66 #28a366 #14b766 #00cc66
#3d5b4c #2d6b4c #1e7a4c #0f894c #00994c
#283d33 #1e4733 #145133 #0a5b33 #006633
#141e19 #0f2319 #0a2819 #052d19 #003319
#eff4f3 #edf7f4 #eaf9f6 #e8fcf7 #e5fff8
#e0eae8 #dbefea #d6f4ed #d1f9ef #ccfff2
#d1e0dc #c9e8e0 #c1efe4 #baf7e8 #b2ffeb
#c1d6d1 #b7e0d6 #adeadb #a3f4e0 #99ffe5
#a3c1ba #93d1c1 #84e0c9 #75efd1 #65ffd8
#84ada3 #70c1ad #5bd6b7 #47eac1 #32ffcc
#66998c #4cb299 #33cca5 #19e5b2 #00ffbf
#517a70 #3d8e7a #28a384 #14b78e #00cc99
#3d5b54 #2d6b5b #1e7a63 #0f896b #009972
#283d38 #1e473d #145142 #0a5b47 #00664c
#141e1c #0f231e #0a2821 #052d23 #003326
#eff4f4 #edf7f7 #eaf9f9 #e8fcfc #e5ffff
#e0eaea #dbefef #d6f4f4 #d1f9f9 #ccffff
#d1e0e0 #c9e8e8 #c1efef #baf7f7 #b2ffff
#c1d6d6 #b7e0e0 #adeaea #a3f4f4 #99ffff
#a3c1c1 #93d1d1 #84e0e0 #75efef #65ffff
#84adad #70c1c1 #5bd6d6 #47eaea #32ffff
#669999 #4cb2b2 #33cccc #19e5e5 #00ffff
#517a7a #3d8e8e #28a3a3 #14b7b7 #00cccc
#3d5b5b #2d6b6b #1e7a7a #0f8989 #009999
#283d3d #1e4747 #145151 #0a5b5b #006666
#141e1e #0f2323 #0a2828 #052d2d #003333
#eff3f4 #edf4f7 #eaf6f9 #e8f7fc #e5f8ff
#e0e8ea #dbeaef #d6edf4 #d1eff9 #ccf2ff
#d1dce0 #c9e0e8 #c1e4ef #bae8f7 #b2ebff
#c1d1d6 #b7d6e0 #addbea #a3e0f4 #99e5ff
#a3bac1 #93c1d1 #84c9e0 #75d1ef #65d8ff
#84a3ad #70adc1 #5bb7d6 #47c1ea #32ccff
#668c99 #4c99b2 #33a5cc #19b2e5 #00bfff
#51707a #3d7a8e #2884a3 #148eb7 #0099cc
#3d545b #2d5b6b #1e637a #0f6b89 #007299
#28383d #1e3d47 #144251 #0a475b #004c66
#141c1e #0f1e23 #0a2128 #05232d #002633
#eff2f4 #edf2f7 #eaf2f9 #e8f2fc #e5f2ff
#e0e5ea #dbe5ef #d6e5f4 #d1e5f9 #cce5ff
#d1d8e0 #c9d8e8 #c1d8ef #bad8f7 #b2d8ff
#c1ccd6 #b7cce0 #adccea #a3ccf4 #99ccff
#a3b2c1 #93b2d1 #84b2e0 #75b2ef #65b2ff
#8499ad #7099c1 #5b99d6 #4799ea #3299ff
#667f99 #4c7fb2 #337fcc #197fe5 #007fff
#51667a #3d668e #2866a3 #1466b7 #0066cc
#3d4c5b #2d4c6b #1e4c7a #0f4c89 #004c99
#28333d #1e3347 #143351 #0a335b #003366
#14191e #0f1923 #0a1928 #05192d #001933
#eff0f4 #edeff7 #eaeef9 #e8edfc #e5ebff
#e0e2ea #dbe0ef #d6ddf4 #d1dbf9 #ccd8ff
#d1d4e0 #c9d1e8 #c1cdef #bac9f7 #b2c5ff
#c1c6d6 #b7c1e0 #adbcea #a3b7f4 #99b2ff
#a3aac1 #93a3d1 #849be0 #7593ef #658cff
#848ead #7084c1 #5b7ad6 #4770ea #3265ff
#667299 #4c65b2 #3359cc #194ce5 #003fff
#515b7a #3d518e #2847a3 #143db7 #0033cc
#3d445b #2d3d6b #1e357a #0f2d89 #002699
#282d3d #1e2847 #142351 #0a1e5b #001966
#14161e #0f1423 #0a1128 #050f2d #000c33
#efeff4 #ededf7 #eaeaf9 #e8e8fc #e5e5ff
#e0e0ea #dbdbef #d6d6f4 #d1d1f9 #ccccff
#d1d1e0 #c9c9e8 #c1c1ef #babaf7 #b2b2ff
#c1c1d6 #b7b7e0 #adadea #a3a3f4 #9999ff
#a3a3c1 #9393d1 #8484e0 #7575ef #6565ff
#8484ad #7070c1 #5b5bd6 #4747ea #3232ff
#666699 #4c4cb2 #3333cc #1919e5 #0000ff
#51517a #3d3d8e #2828a3 #1414b7 #0000cc
#3d3d5b #2d2d6b #1e1e7a #0f0f89 #000099
#28283d #1e1e47 #141451 #0a0a5b #000066
#14141e #0f0f23 #0a0a28 #05052d #000033
#f0eff4 #efedf7 #eeeaf9 #ede8fc #ebe5ff
#e2e0ea #e0dbef #ddd6f4 #dbd1f9 #d8ccff
#d4d1e0 #d1c9e8 #cdc1ef #c9baf7 #c5b2ff
#c6c1d6 #c1b7e0 #bcadea #b7a3f4 #b299ff
#aaa3c1 #a393d1 #9b84e0 #9375ef #8c65ff
#8e84ad #8470c1 #7a5bd6 #7047ea #6532ff
#726699 #654cb2 #5933cc #4c19e5 #3f00ff
#5b517a #513d8e #4728a3 #3d14b7 #3300cc
#443d5b #3d2d6b #351e7a #2d0f89 #260099
#2d283d #281e47 #231451 #1e0a5b #190066
#16141e #140f23 #110a28 #0f052d #0c0033
#f2eff4 #f2edf7 #f2eaf9 #f2e8fc #f2e5ff
#e5e0ea #e5dbef #e5d6f4 #e5d1f9 #e5ccff
#d8d1e0 #d8c9e8 #d8c1ef #d8baf7 #d8b2ff
#ccc1d6 #ccb7e0 #ccadea #cca3f4 #cc99ff
#b2a3c1 #b293d1 #b284e0 #b275ef #b265ff
#9984ad #9970c1 #995bd6 #9947ea #9932ff
#7f6699 #7f4cb2 #7f33cc #7f19e5 #7f00ff
#66517a #663d8e #6628a3 #6614b7 #6600cc
#4c3d5b #4c2d6b #4c1e7a #4c0f89 #4c0099
#33283d #331e47 #331451 #330a5b #330066
#19141e #190f23 #190a28 #19052d #190033
#f3eff4 #f4edf7 #f6eaf9 #f7e8fc #f8e5ff
#e8e0ea #eadbef #edd6f4 #efd1f9 #f2ccff
#dcd1e0 #e0c9e8 #e4c1ef #e8baf7 #ebb2ff
#d1c1d6 #d6b7e0 #dbadea #e0a3f4 #e599ff
#baa3c1 #c193d1 #c984e0 #d175ef #d865ff
#a384ad #ad70c1 #b75bd6 #c147ea #cc32ff
#8c6699 #994cb2 #a533cc #b219e5 #bf00ff
#70517a #7a3d8e #8428a3 #8e14b7 #9900cc
#543d5b #5b2d6b #631e7a #6b0f89 #720099
#38283d #3d1e47 #421451 #470a5b #4c0066
#1c141e #1e0f23 #210a28 #23052d #260033
#f4eff4 #f7edf7 #f9eaf9 #fce8fc #ffe5ff
#eae0ea #efdbef #f4d6f4 #f9d1f9 #ffccff
#e0d1e0 #e8c9e8 #efc1ef #f7baf7 #ffb2ff
#d6c1d6 #e0b7e0 #eaadea #f4a3f4 #ff99ff
#c1a3c1 #d193d1 #e084e0 #ef75ef #ff65ff
#ad84ad #c170c1 #d65bd6 #ea47ea #ff32ff
#996699 #b24cb2 #cc33cc #e519e5 #ff00ff
#7a517a #8e3d8e #a328a3 #b714b7 #cc00cc
#5b3d5b #6b2d6b #7a1e7a #890f89 #990099
#3d283d #471e47 #511451 #5b0a5b #660066
#1e141e #230f23 #280a28 #2d052d #330033
#f4eff3 #f7edf4 #f9eaf6 #fce8f7 #ffe5f8
#eae0e8 #efdbea #f4d6ed #f9d1ef #ffccf2
#e0d1dc #e8c9e0 #efc1e4 #f7bae8 #ffb2eb
#d6c1d1 #e0b7d6 #eaaddb #f4a3e0 #ff99e5
#c1a3ba #d193c1 #e084c9 #ef75d1 #ff65d8
#ad84a3 #c170ad #d65bb7 #ea47c1 #ff32cc
#99668c #b24c99 #cc33a5 #e519b2 #ff00bf
#7a5170 #8e3d7a #a32884 #b7148e #cc0099
#5b3d54 #6b2d5b #7a1e63 #890f6b #990072
#3d2838 #471e3d #511442 #5b0a47 #66004c
#1e141c #230f1e #280a21 #2d0523 #330026
#f4eff2 #f7edf2 #f9eaf2 #fce8f2 #ffe5f2
#eae0e5 #efdbe5 #f4d6e5 #f9d1e5 #ffcce5
#e0d1d8 #e8c9d8 #efc1d8 #f7bad8 #ffb2d8
#d6c1cc #e0b7cc #eaadcc #f4a3cc #ff99cc
#c1a3b2 #d193b2 #e084b2 #ef75b2 #ff65b2
#ad8499 #c17099 #d65b99 #ea4799 #ff3299
#99667f #b24c7f #cc337f #e5197f #ff007f
#7a5166 #8e3d66 #a32866 #b71466 #cc0066
#5b3d4c #6b2d4c #7a1e4c #890f4c #99004c
#3d2833 #471e33 #511433 #5b0a33 #660033
#1e1419 #230f19 #280a19 #2d0519 #330019
#f4eff0 #f7edef #f9eaee #fce8ed #ffe5eb
#eae0e2 #efdbe0 #f4d6dd #f9d1db #ffccd8
#e0d1d4 #e8c9d1 #efc1cd #f7bac9 #ffb2c5
#d6c1c6 #e0b7c1 #eaadbc #f4a3b7 #ff99b2
#c1a3aa #d193a3 #e0849b #ef7593 #ff658c
#ad848e #c17084 #d65b7a #ea4770 #ff3265
#996672 #b24c65 #cc3359 #e5194c #ff003f
#7a515b #8e3d51 #a32847 #b7143d #cc0033
#5b3d44 #6b2d3d #7a1e35 #890f2d #990026
#3d282d #471e28 #511423 #5b0a1e #660019
#1e1416 #230f14 #280a11 #2d050f #33000c
色のグラデーションについて
HSL色空間を使用して次のようにグラデーションを作成しています。
グレー
鮮やかさを0にして、明るさを0(黒)~100(白)までの30段階(不均等)で分割しています。
その他の色
色合い … 360の範囲を15単位で24分割しています。
鮮やかさ … 100の範囲を20、40、60、80、100で5分割しています。上記の表では水平方向が鮮やかさのグラデーションになります。
明るさ … 100の範囲を10、20、30、40、50、60、70、80、85、90、95で11分割しています。上記の表では垂直方向が明るさのグラデーションになります。