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 #7F8B3C to #7F3C8B and to #8B7F3C
#7F8B3C#7F8B3C#7F8B3C#7F8B3C#7F8B3C#7F8B3C#7F8B3C
#7F7E49#7F8047#808245#808343#808541#81873F#81893C
#7F7255#807551#80794D#817C49#827F45#828341#83873C
#7F6562#806A5C#816F56#827450#83794A#847F44#85853C
#7F586F#805F67#82665F#836D57#84744E#857A46#87833C
#7F4C7B#815471#825D67#84655D#856E53#877649#89813C
#7F3C8B#81477E#835172#855C65#876758#89724C#8B7F3C

Colorpallet from #7F8B3C to #7F3C8B and to #8B3C7F
#7F8B3C#7F8B3C#7F8B3C#7F8B3C#7F8B3C#7F8B3C#7F8B3C
#7F7E49#7F7E49#807E48#807E48#807E48#817E47#817E47
#7F7255#807254#807254#817253#827252#827252#837251
#7F6562#806561#816560#82655F#83655E#84655D#85655C
#7F586F#80586E#82586C#83586B#84586A#855869#875867
#7F4C7B#814C7A#824C78#844C77#854C75#874C74#894C72
#7F3C8B#813C89#833C87#853C85#873C83#893C81#8B3C7F

Colorpallet from #7F8B3C to #7F3C8B and to #3C7F8B
#7F8B3C#7F8B3C#7F8B3C#7F8B3C#7F8B3C#7F8B3C#7F8B3C
#7F7E49#7D8049#7B8249#7A8349#788549#768749#748949
#7F7255#7C7555#787955#757C55#727F55#6E8355#6A8755
#7F6562#7A6A62#756F62#707462#6B7962#657F62#5F8562
#7F586F#785F6F#71666F#6A6D6F#63746F#5D7A6F#54836F
#7F4C7B#76547B#6E5D7B#65657B#5C6E7B#54767B#49817B
#7F3C8B#74478B#6A518B#5F5C8B#54678B#49728B#3C7F8B

Colorpallet from #7F8B3C to #7F3C8B and to #3C8B7F
#7F8B3C#7F8B3C#7F8B3C#7F8B3C#7F8B3C#7F8B3C#7F8B3C
#7F7E49#7D8049#7B8248#7A8448#788648#768847#748B47
#7F7255#7C7654#787A54#757E53#728252#6E8652#6A8B51
#7F6562#7A6B61#757160#70775F#6B7D5E#65835D#5F8B5C
#7F586F#78606E#71686C#6A706B#63796A#5D8169#548B67
#7F4C7B#76567A#6E6078#656A77#5C7475#547E74#498B72
#7F3C8B#744989#6A5587#5F6285#546F83#497B81#3C8B7F

Colorpallet from #7F8B3C to #8B7F3C and to #8B3C7F
#7F8B3C#7F8B3C#7F8B3C#7F8B3C#7F8B3C#7F8B3C#7F8B3C
#81893C#81873E#818540#818441#818243#818045#817E47
#83873C#83843F#838043#837D46#837A49#83764D#837251
#85853C#858041#857B46#85764B#857150#856B56#85655C
#87833C#877C43#87754A#876E51#876758#87615E#875867
#89813C#897945#89704D#896856#895F5F#895767#894C72
#8B7F3C#8B7447#8B6A51#8B5F5C#8B5467#8B4972#8B3C7F

Colorpallet from #7F8B3C to #8B7F3C and to #3C7F8B
#7F8B3C#7F8B3C#7F8B3C#7F8B3C#7F8B3C#7F8B3C#7F8B3C
#81893C#7F893E#7D8940#7B8942#798944#778946#748949
#83873C#7F8740#7B8744#778748#73874C#6F8750#6A8755
#85853C#7F8542#798548#73854E#6D8554#67855A#5F8562
#87833C#7F8344#77834C#6F8354#66835D#5E8365#54836F
#89813C#7F8146#758150#6A815A#608164#56816E#49817B
#8B7F3C#7E7F49#727F55#657F62#587F6F#4C7F7B#3C7F8B

Colorpallet from #7F8B3C to #8B7F3C and to #3C8B7F
#7F8B3C#7F8B3C#7F8B3C#7F8B3C#7F8B3C#7F8B3C#7F8B3C
#81893C#7F893E#7D8A40#7B8A41#798A43#778B45#748B47
#83873C#7F883F#7B8843#778946#738A49#6F8A4D#6A8B51
#85853C#7F8641#798746#73884B#6D8950#678A56#5F8B5C
#87833C#7F8443#77864A#6F8751#668858#5E895E#548B67
#89813C#7F8345#75844D#6A8656#60875F#568967#498B72
#8B7F3C#7E8147#728351#65855C#588767#4C8972#3C8B7F

Colorpallet from #7F8B3C to #8B3C7F and to #3C7F8B
#7F8B3C#7F8B3C#7F8B3C#7F8B3C#7F8B3C#7F8B3C#7F8B3C
#817E47#7F8047#7D8248#7B8348#798548#778749#748949
#837251#7F7552#7B7952#777C53#737F54#6F8354#6A8755
#85655C#7F6A5D#796F5E#73745F#6D7960#677F61#5F8562
#875867#7F5F68#77666A#6F6D6B#66746C#5E7A6D#54836F
#894C72#7F5473#755D75#6A6576#606E78#567679#49817B
#8B3C7F#7E4781#725183#655C85#586787#4C7289#3C7F8B

Colorpallet from #7F8B3C to #8B3C7F and to #3C8B7F
#7F8B3C#7F8B3C#7F8B3C#7F8B3C#7F8B3C#7F8B3C#7F8B3C
#817E47#7F8047#7D8247#7B8447#798647#778847#748B47
#837251#7F7651#7B7A51#777E51#738251#6F8651#6A8B51
#85655C#7F6B5C#79715C#73775C#6D7D5C#67835C#5F8B5C
#875867#7F6067#776867#6F7067#667967#5E8167#548B67
#894C72#7F5672#756072#6A6A72#607472#567E72#498B72
#8B3C7F#7E497F#72557F#65627F#586F7F#4C7B7F#3C8B7F

Colorpallet from #7F8B3C to #3C7F8B and to #3C8B7F
#7F8B3C#7F8B3C#7F8B3C#7F8B3C#7F8B3C#7F8B3C#7F8B3C
#748949#748949#748A48#748A48#748A48#748B47#748B47
#6A8755#6A8854#6A8854#6A8953#6A8A52#6A8A52#6A8B51
#5F8562#5F8661#5F8760#5F885F#5F895E#5F8A5D#5F8B5C
#54836F#54846E#54866C#54876B#54886A#548969#548B67
#49817B#49837A#498478#498677#498775#498974#498B72
#3C7F8B#3C8189#3C8387#3C8585#3C8783#3C8981#3C8B7F