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 #3B5B2B to #3B2B5B and to #5B3B2B
#3B5B2B#3B5B2B#3B5B2B#3B5B2B#3B5B2B#3B5B2B#3B5B2B
#3B5333#3C5332#3D5430#3D542F#3E552E#3F552D#40562B
#3B4C3A#3D4D38#3E4E35#404E33#414F30#43502E#45512B
#3B4442#3D453E#40473B#424837#454933#474A30#4A4C2B
#3B3C4A#3E3E45#414040#45413B#484336#4B4531#4F472B
#3B3551#3F374B#433945#473B3F#4C3D39#503F33#55412B
#3B2B5B#402E53#45304C#4A3344#4F353C#553835#5B3B2B

Colorpallet from #3B5B2B to #3B2B5B and to #5B2B3B
#3B5B2B#3B5B2B#3B5B2B#3B5B2B#3B5B2B#3B5B2B#3B5B2B
#3B5333#3C5332#3D5331#3D5331#3E5330#3F532F#40532E
#3B4C3A#3D4C38#3E4C37#404C35#414C34#434C32#454C30
#3B4442#3D4440#40443D#42443B#454438#474436#4A4433
#3B3C4A#3E3C47#413C43#453C40#483C3D#4B3C39#4F3C35
#3B3551#3F354D#433549#473545#4C3541#50353D#553538
#3B2B5B#402B56#452B51#4A2B4C#4F2B47#552B41#5B2B3B

Colorpallet from #3B5B2B to #3B2B5B and to #2B3B5B
#3B5B2B#3B5B2B#3B5B2B#3B5B2B#3B5B2B#3B5B2B#3B5B2B
#3B5333#3B5333#3A5433#3A5433#395533#395533#385633
#3B4C3A#3A4D3A#394E3A#394E3A#384F3A#37503A#36513A
#3B4442#3A4542#384742#374842#364942#354A42#334C42
#3B3C4A#393E4A#38404A#36414A#35434A#33454A#31474A
#3B3551#393751#373951#353B51#333D51#313F51#2E4151
#3B2B5B#382E5B#36305B#33335B#31355B#2E385B#2B3B5B

Colorpallet from #3B5B2B to #3B2B5B and to #2B5B3B
#3B5B2B#3B5B2B#3B5B2B#3B5B2B#3B5B2B#3B5B2B#3B5B2B
#3B5333#3B5432#3A5631#3A5731#395830#39592F#385B2E
#3B4C3A#3A4E38#395137#395335#385634#375832#365B30
#3B4442#3A4840#384B3D#374F3B#365338#355636#335B33
#3B3C4A#394147#384643#364B40#35503D#335539#315B35
#3B3551#393B4D#374149#354745#334D41#31533D#2E5B38
#3B2B5B#383356#363A51#33424C#314A47#2E5141#2B5B3B

Colorpallet from #3B5B2B to #5B3B2B and to #5B2B3B
#3B5B2B#3B5B2B#3B5B2B#3B5B2B#3B5B2B#3B5B2B#3B5B2B
#40562B#40562B#40552C#40552C#40542D#40542D#40532E
#45512B#45502C#454F2D#454F2D#454E2E#454D2F#454C30
#4A4C2B#4A4B2C#4A492E#4A482F#4A4730#4A4631#4A4433
#4F472B#4F452D#4F432E#4F4230#4F4031#4F3E33#4F3C35
#55412B#553F2D#553D2F#553B31#553933#553735#553538
#5B3B2B#5B382E#5B3630#5B3333#5B3135#5B2E38#5B2B3B

Colorpallet from #3B5B2B to #5B3B2B and to #2B3B5B
#3B5B2B#3B5B2B#3B5B2B#3B5B2B#3B5B2B#3B5B2B#3B5B2B
#40562B#3F562C#3D562E#3C562F#3B5630#3A5631#385633
#45512B#43512D#405130#3E5132#3B5135#395137#36513A
#4A4C2B#464C2F#434C32#3F4C36#3B4C3A#384C3D#334C42
#4F472B#4A4730#454735#41473A#3C473F#374744#31474A
#55412B#4F4131#494137#42413D#3C4143#364149#2E4151
#5B3B2B#533B33#4C3B3A#443B42#3C3B4A#353B51#2B3B5B

Colorpallet from #3B5B2B to #5B3B2B and to #2B5B3B
#3B5B2B#3B5B2B#3B5B2B#3B5B2B#3B5B2B#3B5B2B#3B5B2B
#40562B#3F572B#3D582C#3C582C#3B592D#3A5A2D#385B2E
#45512B#43532C#40542D#3E562D#3B572E#39592F#365B30
#4A4C2B#464E2C#43512E#3F532F#3B5630#385831#335B33
#4F472B#4A4A2D#454D2E#415130#3C5431#375733#315B35
#55412B#4F452D#49492F#424D31#3C5233#365635#2E5B38
#5B3B2B#53402E#4C4530#444A33#3C4F35#355538#2B5B3B

Colorpallet from #3B5B2B to #5B2B3B and to #2B3B5B
#3B5B2B#3B5B2B#3B5B2B#3B5B2B#3B5B2B#3B5B2B#3B5B2B
#40532E#3F532F#3D5430#3C5430#3B5531#3A5532#385633
#454C30#434D32#404E33#3E4E35#3B4F36#395038#36513A
#4A4433#464535#434738#3F483A#3B493D#384A3F#334C42
#4F3C35#4A3E38#45403C#41413F#3C4342#374546#31474A
#553538#4F373C#493940#423B44#3C3D48#363F4C#2E4151
#5B2B3B#532E40#4C3045#44334A#3C354F#353855#2B3B5B

Colorpallet from #3B5B2B to #5B2B3B and to #2B5B3B
#3B5B2B#3B5B2B#3B5B2B#3B5B2B#3B5B2B#3B5B2B#3B5B2B
#40532E#3F542E#3D562E#3C572E#3B582E#3A592E#385B2E
#454C30#434E30#405130#3E5330#3B5630#395830#365B30
#4A4433#464833#434B33#3F4F33#3B5333#385633#335B33
#4F3C35#4A4135#454635#414B35#3C5035#375535#315B35
#553538#4F3B38#494138#424738#3C4D38#365338#2E5B38
#5B2B3B#53333B#4C3A3B#44423B#3C4A3B#35513B#2B5B3B

Colorpallet from #3B5B2B to #2B3B5B and to #2B5B3B
#3B5B2B#3B5B2B#3B5B2B#3B5B2B#3B5B2B#3B5B2B#3B5B2B
#385633#385732#385831#385831#385930#385A2F#385B2E
#36513A#365338#365437#365635#365734#365932#365B30
#334C42#334E40#33513D#33533B#335638#335836#335B33
#31474A#314A47#314D43#315140#31543D#315739#315B35
#2E4151#2E454D#2E4949#2E4D45#2E5241#2E563D#2E5B38
#2B3B5B#2B4056#2B4551#2B4A4C#2B4F47#2B5541#2B5B3B