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 #BADAF7 to #BAF7DA and to #DABAF7
#BADAF7#BADAF7#BADAF7#BADAF7#BADAF7#BADAF7#BADAF7
#BADFF2#BBDDF3#BCDCF4#BCDAF4#BDD9F5#BED7F6#BFD5F7
#BAE3EE#BCE0EF#BDDDF1#BFDAF2#C0D7F4#C2D4F5#C4D0F7
#BAE8E9#BCE3EB#BFDFED#C1DAF0#C4D5F2#C6D1F4#C9CBF7
#BAEDE4#BDE7E7#C0E1EA#C4DAED#C7D4F0#CACEF3#CEC6F7
#BAF1E0#BEE9E4#C2E1E7#C6D9EB#CBD2EF#CFCAF2#D4C0F7
#BAF7DA#BFEDDF#C4E3E3#C9DAE8#CED0ED#D4C6F1#DABAF7

Colorpallet from #BADAF7 to #BAF7DA and to #DAF7BA
#BADAF7#BADAF7#BADAF7#BADAF7#BADAF7#BADAF7#BADAF7
#BADFF2#BBDFF1#BCDFF0#BCDFF0#BDDFEF#BEDFEE#BFDFED
#BAE3EE#BCE3EC#BDE3EA#BFE3E9#C0E3E7#C2E3E5#C4E3E3
#BAE8E9#BCE8E7#BFE8E4#C1E8E2#C4E8DF#C6E8DD#C9E8DA
#BAEDE4#BDEDE1#C0EDDE#C4EDDA#C7EDD7#CAEDD4#CEEDD0
#BAF1E0#BEF1DC#C2F1D8#C6F1D4#CBF1CF#CFF1CB#D4F1C6
#BAF7DA#BFF7D5#C4F7D0#C9F7CB#CEF7C6#D4F7C0#DAF7BA

Colorpallet from #BADAF7 to #BAF7DA and to #F7BADA
#BADAF7#BADAF7#BADAF7#BADAF7#BADAF7#BADAF7#BADAF7
#BADFF2#BCDDF2#BDDCF2#BFDAF2#C0D9F2#C2D7F2#C4D5F2
#BAE3EE#BDE0EE#C0DDEE#C4DAEE#C7D7EE#CAD4EE#CED0EE
#BAE8E9#BFE3E9#C3DFE9#C8DAE9#CDD5E9#D1D1E9#D7CBE9
#BAEDE4#C0E7E4#C6E1E4#CDDAE4#D3D4E4#D9CEE4#E1C6E4
#BAF1E0#C2E9E0#CAE1E0#D2D9E0#D9D2E0#E1CAE0#EBC0E0
#BAF7DA#C4EDDA#CEE3DA#D7DADA#E1D0DA#EBC6DA#F7BADA

Colorpallet from #BADAF7 to #BAF7DA and to #F7DABA
#BADAF7#BADAF7#BADAF7#BADAF7#BADAF7#BADAF7#BADAF7
#BADFF2#BCDEF1#BDDDF0#BFDDF0#C0DCEF#C2DBEE#C4DAED
#BAE3EE#BDE2EC#C0E0EA#C4DFE9#C7DDE7#CADCE5#CEDAE3
#BAE8E9#BFE6E7#C3E4E4#C8E1E2#CDDFDF#D1DDDD#D7DADA
#BAEDE4#C0EAE1#C6E7DE#CDE4DA#D3E1D7#D9DED4#E1DAD0
#BAF1E0#C2EDDC#CAEAD8#D2E6D4#D9E2CF#E1DFCB#EBDAC6
#BAF7DA#C4F2D5#CEEED0#D7E9CB#E1E4C6#EBE0C0#F7DABA

Colorpallet from #BADAF7 to #DABAF7 and to #DAF7BA
#BADAF7#BADAF7#BADAF7#BADAF7#BADAF7#BADAF7#BADAF7
#BFD5F7#BFD7F5#BFD8F4#BFDAF2#BFDBF1#BFDDEF#BFDFED
#C4D0F7#C4D3F4#C4D6F1#C4D9ED#C4DCEA#C4DFE7#C4E3E3
#C9CBF7#C9D0F2#C9D4EE#C9D9E9#C9DEE4#C9E2E0#C9E8DA
#CEC6F7#CECCF1#CED2EB#CED9E4#CEDFDE#CEE5D8#CEEDD0
#D4C0F7#D4C8EF#D4D0E7#D4D8DF#D4DFD8#D4E7D0#D4F1C6
#DABAF7#DAC4ED#DACEE3#DAD7DA#DAE1D0#DAEBC6#DAF7BA

Colorpallet from #BADAF7 to #DABAF7 and to #F7BADA
#BADAF7#BADAF7#BADAF7#BADAF7#BADAF7#BADAF7#BADAF7
#BFD5F7#C0D5F6#C1D5F5#C1D5F5#C2D5F4#C3D5F3#C4D5F2
#C4D0F7#C6D0F6#C7D0F4#C9D0F3#CAD0F1#CCD0F0#CED0EE
#C9CBF7#CBCBF5#CDCBF3#D0CBF0#D2CBEE#D4CBEC#D7CBE9
#CEC6F7#D1C6F4#D4C6F1#D7C6EE#DAC6EB#DDC6E8#E1C6E4
#D4C0F7#D8C0F3#DBC0F0#DFC0EC#E3C0E8#E6C0E5#EBC0E0
#DABAF7#DFBAF2#E3BAEE#E8BAE9#EDBAE4#F1BAE0#F7BADA

Colorpallet from #BADAF7 to #DABAF7 and to #F7DABA
#BADAF7#BADAF7#BADAF7#BADAF7#BADAF7#BADAF7#BADAF7
#BFD5F7#C0D6F5#C1D7F4#C1D7F2#C2D8F1#C3D9EF#C4DAED
#C4D0F7#C6D2F4#C7D3F1#C9D5ED#CAD6EA#CCD8E7#CEDAE3
#C9CBF7#CBCDF2#CDD0EE#D0D2E9#D2D5E4#D4D7E0#D7DADA
#CEC6F7#D1C9F1#D4CCEB#D7D0E4#DAD3DE#DDD6D8#E1DAD0
#D4C0F7#D8C4EF#DBC8E7#DFCCDF#E3D1D8#E6D5D0#EBDAC6
#DABAF7#DFBFED#E3C4E3#E8C9DA#EDCED0#F1D4C6#F7DABA

Colorpallet from #BADAF7 to #DAF7BA and to #F7BADA
#BADAF7#BADAF7#BADAF7#BADAF7#BADAF7#BADAF7#BADAF7
#BFDFED#C0DDEE#C1DCEF#C1DAEF#C2D9F0#C3D7F1#C4D5F2
#C4E3E3#C6E0E5#C7DDE7#C9DAE8#CAD7EA#CCD4EC#CED0EE
#C9E8DA#CBE3DC#CDDFDF#D0DAE1#D2D5E4#D4D1E6#D7CBE9
#CEEDD0#D1E7D3#D4E1D6#D7DADA#DAD4DD#DDCEE0#E1C6E4
#D4F1C6#D8E9CA#DBE1CE#DFD9D2#E3D2D7#E6CADB#EBC0E0
#DAF7BA#DFEDBF#E3E3C4#E8DAC9#EDD0CE#F1C6D4#F7BADA

Colorpallet from #BADAF7 to #DAF7BA and to #F7DABA
#BADAF7#BADAF7#BADAF7#BADAF7#BADAF7#BADAF7#BADAF7
#BFDFED#C0DEED#C1DDED#C1DDED#C2DCED#C3DBED#C4DAED
#C4E3E3#C6E2E3#C7E0E3#C9DFE3#CADDE3#CCDCE3#CEDAE3
#C9E8DA#CBE6DA#CDE4DA#D0E1DA#D2DFDA#D4DDDA#D7DADA
#CEEDD0#D1EAD0#D4E7D0#D7E4D0#DAE1D0#DDDED0#E1DAD0
#D4F1C6#D8EDC6#DBEAC6#DFE6C6#E3E2C6#E6DFC6#EBDAC6
#DAF7BA#DFF2BA#E3EEBA#E8E9BA#EDE4BA#F1E0BA#F7DABA

Colorpallet from #BADAF7 to #F7BADA and to #F7DABA
#BADAF7#BADAF7#BADAF7#BADAF7#BADAF7#BADAF7#BADAF7
#C4D5F2#C4D6F1#C4D7F0#C4D7F0#C4D8EF#C4D9EE#C4DAED
#CED0EE#CED2EC#CED3EA#CED5E9#CED6E7#CED8E5#CEDAE3
#D7CBE9#D7CDE7#D7D0E4#D7D2E2#D7D5DF#D7D7DD#D7DADA
#E1C6E4#E1C9E1#E1CCDE#E1D0DA#E1D3D7#E1D6D4#E1DAD0
#EBC0E0#EBC4DC#EBC8D8#EBCCD4#EBD1CF#EBD5CB#EBDAC6
#F7BADA#F7BFD5#F7C4D0#F7C9CB#F7CEC6#F7D4C0#F7DABA