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 #7CAD42 to #7C42AD and to #AD7C42
#7CAD42#7CAD42#7CAD42#7CAD42#7CAD42#7CAD42#7CAD42
#7C9C53#7D9D50#7F9F4E#80A04B#81A248#82A345#84A542
#7C8B64#7F8E5F#819159#849454#86974E#899949#8C9D42
#7C7A75#807E6D#848365#88875D#8B8B54#8F904C#949542
#7C6986#816F7B#867570#8B7B65#90815A#958750#9B8E42
#7C5798#825F8A#88667C#8F6E6F#957561#9B7D53#A38642
#7C42AD#844B9C#8C558B#945E7A#9B6769#A37057#AD7C42

Colorpallet from #7CAD42 to #7C42AD and to #AD427C
#7CAD42#7CAD42#7CAD42#7CAD42#7CAD42#7CAD42#7CAD42
#7C9C53#7D9C52#7F9C50#809C4F#819C4E#829C4D#849C4B
#7C8B64#7F8B62#818B5F#848B5D#868B5A#898B58#8C8B55
#7C7A75#807A71#847A6E#887A6A#8B7A66#8F7A63#947A5E
#7C6986#816981#86697C#8B6977#906972#95696D#9B6967
#7C5798#825792#88578B#8F5785#95577E#9B5778#A35770
#7C42AD#8442A5#8C429D#944295#9B428E#A34286#AD427C

Colorpallet from #7CAD42 to #7C42AD and to #427CAD
#7CAD42#7CAD42#7CAD42#7CAD42#7CAD42#7CAD42#7CAD42
#7C9C53#7B9D53#799F53#78A053#76A253#75A353#73A553
#7C8B64#798E64#769164#739464#709764#6D9964#699D64
#7C7A75#787E75#738375#6F8775#6A8B75#669075#609575
#7C6986#766F86#707586#6A7B86#648186#5E8786#578E86
#7C5798#755F98#6D6698#666E98#5F7598#577D98#4E8698
#7C42AD#734BAD#6955AD#605EAD#5767AD#4E70AD#427CAD

Colorpallet from #7CAD42 to #7C42AD and to #42AD7C
#7CAD42#7CAD42#7CAD42#7CAD42#7CAD42#7CAD42#7CAD42
#7C9C53#7B9F52#79A150#78A44F#76A74E#75AA4D#73AD4B
#7C8B64#799062#76965F#739B5D#70A15A#6DA658#69AD55
#7C7A75#788271#738A6E#6F926A#6A9B66#66A363#60AD5E
#7C6986#767481#707F7C#6A8A77#649572#5E9F6D#57AD67
#7C5798#756592#6D738B#668085#5F8E7E#579C78#4EAD70
#7C42AD#7353A5#69649D#607595#57868E#4E9886#42AD7C

Colorpallet from #7CAD42 to #AD7C42 and to #AD427C
#7CAD42#7CAD42#7CAD42#7CAD42#7CAD42#7CAD42#7CAD42
#84A542#84A443#84A245#84A146#849F48#849E49#849C4B
#8C9D42#8C9A45#8C9748#8C944B#8C914E#8C8F51#8C8B55
#949542#949146#948C4B#94884F#948454#947F58#947A5E
#9B8E42#9B8848#9B824E#9B7C54#9B765A#9B7060#9B6967
#A38642#A37E49#A37751#A36F58#A3685F#A36067#A35770
#AD7C42#AD734B#AD6955#AD605E#AD5767#AD4E70#AD427C

Colorpallet from #7CAD42 to #AD7C42 and to #427CAD
#7CAD42#7CAD42#7CAD42#7CAD42#7CAD42#7CAD42#7CAD42
#84A542#81A545#7FA547#7CA54A#79A54D#76A550#73A553
#8C9D42#869D47#819D4D#7B9D52#769D58#709D5D#699D64
#949542#8C954A#839552#7B955A#739563#6A956B#609575
#9B8E42#908E4D#858E58#7A8E63#6F8E6E#658E78#578E86
#A38642#958650#88865E#7A866B#6D8679#5F8687#4E8698
#AD7C42#9C7C53#8B7C64#7A7C75#697C86#577C98#427CAD

Colorpallet from #7CAD42 to #AD7C42 and to #42AD7C
#7CAD42#7CAD42#7CAD42#7CAD42#7CAD42#7CAD42#7CAD42
#84A542#81A643#7FA845#7CA946#79AA48#76AB49#73AD4B
#8C9D42#86A045#81A248#7BA54B#76A74E#70AA51#69AD55
#949542#8C9946#839D4B#7BA14F#73A454#6AA858#60AD5E
#9B8E42#909348#85984E#7A9D54#6FA25A#65A760#57AD67
#A38642#958C49#889251#7A9958#6D9F5F#5FA567#4EAD70
#AD7C42#9C844B#8B8C55#7A945E#699B67#57A370#42AD7C

Colorpallet from #7CAD42 to #AD427C and to #427CAD
#7CAD42#7CAD42#7CAD42#7CAD42#7CAD42#7CAD42#7CAD42
#849C4B#819D4C#7F9F4E#7CA04F#79A250#76A351#73A553
#8C8B55#868E57#81915A#7B945C#76975F#709961#699D64
#947A5E#8C7E62#838365#7B8769#738B6D#6A9070#609575
#9B6967#906F6C#857571#7A7B76#6F817B#658780#578E86
#A35770#955F76#88667D#7A6E83#6D758A#5F7D90#4E8698
#AD427C#9C4B84#8B558C#7A5E94#69679B#5770A3#427CAD

Colorpallet from #7CAD42 to #AD427C and to #42AD7C
#7CAD42#7CAD42#7CAD42#7CAD42#7CAD42#7CAD42#7CAD42
#849C4B#819F4B#7FA14B#7CA44B#79A74B#76AA4B#73AD4B
#8C8B55#869055#819655#7B9B55#76A155#70A655#69AD55
#947A5E#8C825E#838A5E#7B925E#739B5E#6AA35E#60AD5E
#9B6967#907467#857F67#7A8A67#6F9567#659F67#57AD67
#A35770#956570#887370#7A8070#6D8E70#5F9C70#4EAD70
#AD427C#9C537C#8B647C#7A757C#69867C#57987C#42AD7C

Colorpallet from #7CAD42 to #427CAD and to #42AD7C
#7CAD42#7CAD42#7CAD42#7CAD42#7CAD42#7CAD42#7CAD42
#73A553#73A652#73A850#73A94F#73AA4E#73AB4D#73AD4B
#699D64#69A062#69A25F#69A55D#69A75A#69AA58#69AD55
#609575#609971#609D6E#60A16A#60A466#60A863#60AD5E
#578E86#579381#57987C#579D77#57A272#57A76D#57AD67
#4E8698#4E8C92#4E928B#4E9985#4E9F7E#4EA578#4EAD70
#427CAD#4284A5#428C9D#429495#429B8E#42A386#42AD7C