HTML Color Codes - Hex Colors - Color Spectrum

Select a startcolor to create spectrum
Restart from the basic HTML colors (RED, GREEN, BLUE)
Restart from a color using the colorpicker.
Click on a color in the spectum grid to refine the spectrum
and find the complementary html colors

Colorpallet from #56BD3D to #563DBD and to #BD563D
#56BD3D#56BD3D#56BD3D#56BD3D#56BD3D#56BD3D#56BD3D
#56A951#59AA4E#5BAA4B#5EAB47#60AC44#63AC41#66AD3D
#569466#5B955F#619759#669852#6B994C#709A45#779C3D
#56807A#5E8270#668466#6E865D#758853#7D8A49#878C3D
#566B8F#616E82#6B7075#767368#80755B#8B784D#987B3D
#5657A3#635A93#705D82#7D6172#8A6462#986751#A86B3D
#563DBD#6641A9#774594#874980#984D6B#A85157#BD563D

Colorpallet from #56BD3D to #563DBD and to #BD3D56
#56BD3D#56BD3D#56BD3D#56BD3D#56BD3D#56BD3D#56BD3D
#56A951#59A94E#5BA94C#5EA949#60A947#63A944#66A941
#569466#5B9461#61945B#669456#6B9451#70944C#779445
#56807A#5E8072#66806A#6E8062#75805B#7D8053#878049
#566B8F#616B84#6B6B7A#766B6F#806B65#8B6B5A#986B4D
#5657A3#635796#705789#7D577C#8A576F#985761#A85751
#563DBD#663DAD#773D9C#873D8C#983D7B#A83D6B#BD3D56

Colorpallet from #56BD3D to #563DBD and to #3D56BD
#56BD3D#56BD3D#56BD3D#56BD3D#56BD3D#56BD3D#56BD3D
#56A951#55AA51#55AA51#54AB51#53AC51#53AC51#52AD51
#569466#559566#539766#529866#519966#509A66#4E9C66
#56807A#54827A#52847A#50867A#4E887A#4C8A7A#4A8C7A
#566B8F#536E8F#51708F#4E738F#4C758F#49788F#467B8F
#5657A3#535AA3#505DA3#4C61A3#4964A3#4667A3#426BA3
#563DBD#5241BD#4E45BD#4A49BD#464DBD#4251BD#3D56BD

Colorpallet from #56BD3D to #563DBD and to #3DBD56
#56BD3D#56BD3D#56BD3D#56BD3D#56BD3D#56BD3D#56BD3D
#56A951#55AC4E#55AF4C#54B349#53B647#53B944#52BD41
#569466#559B61#53A15B#52A856#51AE51#50B54C#4EBD45
#56807A#548A72#52946A#509D62#4EA75B#4CB153#4ABD49
#566B8F#537884#51857A#4E926F#4C9F65#49AD5A#46BD4D
#5657A3#536796#507889#4C887C#49986F#46A961#42BD51
#563DBD#5251AD#4E669C#4A7A8C#468F7B#42A36B#3DBD56

Colorpallet from #56BD3D to #BD563D and to #BD3D56
#56BD3D#56BD3D#56BD3D#56BD3D#56BD3D#56BD3D#56BD3D
#66AD3D#66AC3E#66AC3E#66AB3F#66AA40#66AA40#66A941
#779C3D#779B3E#779940#779841#779742#779643#779445
#878C3D#878A3F#878841#878643#878445#878247#878049
#987B3D#987840#987642#987345#987147#986E4A#986B4D
#A86B3D#A86840#A86543#A86147#A85E4A#A85B4D#A85751
#BD563D#BD5241#BD4E45#BD4A49#BD464D#BD4251#BD3D56

Colorpallet from #56BD3D to #BD563D and to #3D56BD
#56BD3D#56BD3D#56BD3D#56BD3D#56BD3D#56BD3D#56BD3D
#66AD3D#63AD40#60AD43#5CAD47#59AD4A#56AD4D#52AD51
#779C3D#709C44#6A9C4A#639C51#5D9C57#569C5E#4E9C66
#878C3D#7D8C47#738C51#6A8C5A#608C64#568C6E#4A8C7A
#987B3D#8B7B4A#7E7B57#717B64#647B71#567B7F#467B8F
#A86B3D#986B4D#876B5E#776B6E#676B7E#566B8F#426BA3
#BD563D#A95651#945666#80567A#6B568F#5756A3#3D56BD

Colorpallet from #56BD3D to #BD563D and to #3DBD56
#56BD3D#56BD3D#56BD3D#56BD3D#56BD3D#56BD3D#56BD3D
#66AD3D#63B03E#60B23E#5CB53F#59B740#56BA40#52BD41
#779C3D#70A13E#6AA740#63AC41#5DB142#56B643#4EBD45
#878C3D#7D943F#739C41#6AA443#60AB45#56B347#4ABD49
#987B3D#8B8640#7E9042#719B45#64A547#56B04A#46BD4D
#A86B3D#987840#878543#779247#679F4A#56AD4D#42BD51
#BD563D#A96641#947745#808749#6B984D#57A851#3DBD56

Colorpallet from #56BD3D to #BD3D56 and to #3D56BD
#56BD3D#56BD3D#56BD3D#56BD3D#56BD3D#56BD3D#56BD3D
#66A941#63AA44#60AA46#5CAB49#59AC4B#56AC4E#52AD51
#779445#70954A#6A9750#639855#5D995A#569A5F#4E9C66
#878049#7D8251#738459#6A8661#608868#568A70#4A8C7A
#986B4D#8B6E58#7E7062#71736D#647577#567882#467B8F
#A85751#985A5E#875D6B#776178#676485#566793#426BA3
#BD3D56#A94166#944577#804987#6B4D98#5751A8#3D56BD

Colorpallet from #56BD3D to #BD3D56 and to #3DBD56
#56BD3D#56BD3D#56BD3D#56BD3D#56BD3D#56BD3D#56BD3D
#66A941#63AC41#60AF41#5CB341#59B641#56B941#52BD41
#779445#709B45#6AA145#63A845#5DAE45#56B545#4EBD45
#878049#7D8A49#739449#6A9D49#60A749#56B149#4ABD49
#986B4D#8B784D#7E854D#71924D#649F4D#56AD4D#46BD4D
#A85751#986751#877851#778851#679851#56A951#42BD51
#BD3D56#A95156#946656#807A56#6B8F56#57A356#3DBD56

Colorpallet from #56BD3D to #3D56BD and to #3DBD56
#56BD3D#56BD3D#56BD3D#56BD3D#56BD3D#56BD3D#56BD3D
#52AD51#52B04E#52B24C#52B549#52B747#52BA44#52BD41
#4E9C66#4EA161#4EA75B#4EAC56#4EB151#4EB64C#4EBD45
#4A8C7A#4A9472#4A9C6A#4AA462#4AAB5B#4AB353#4ABD49
#467B8F#468684#46907A#469B6F#46A565#46B05A#46BD4D
#426BA3#427896#428589#42927C#429F6F#42AD61#42BD51
#3D56BD#3D66AD#3D779C#3D878C#3D987B#3DA86B#3DBD56