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 #AFA2DF to #AFDFA2 and to #A2AFDF
#AFA2DF#AFA2DF#AFA2DF#AFA2DF#AFA2DF#AFA2DF#AFA2DF
#AFACD5#AFABD7#AEA9D8#AEA8DA#AEA7DB#ADA6DD#ADA4DF
#AFB6CB#AEB3CE#AEB1D1#ADAED5#ACACD8#ACA9DB#ABA6DF
#AFBFC2#AEBBC7#ADB8CB#ACB4D0#ABB0D5#AAADD9#A9A8DF
#AFC9B8#AEC4BE#ACBFC4#ABBACB#AAB5D1#A9B0D7#A7AADF
#AFD3AE#ADCDB6#ACC7BE#AAC0C6#A9BACD#A7B4D5#A5ACDF
#AFDFA2#ADD7AC#ABD0B6#A9C8BF#A7C0C9#A5B9D3#A2AFDF

Colorpallet from #AFA2DF to #AFDFA2 and to #A2DFAF
#AFA2DF#AFA2DF#AFA2DF#AFA2DF#AFA2DF#AFA2DF#AFA2DF
#AFACD5#AFACD5#AEACD6#AEACD6#AEACD6#ADACD7#ADACD7
#AFB6CB#AEB6CC#AEB6CD#ADB6CD#ACB6CE#ACB6CF#ABB6D0
#AFBFC2#AEBFC3#ADBFC4#ACBFC5#ABBFC6#AABFC7#A9BFC8
#AFC9B8#AEC9B9#ACC9BB#ABC9BC#AAC9BD#A9C9BE#A7C9C0
#AFD3AE#ADD3B0#ACD3B2#AAD3B3#A9D3B5#A7D3B7#A5D3B9
#AFDFA2#ADDFA4#ABDFA6#A9DFA8#A7DFAA#A5DFAC#A2DFAF

Colorpallet from #AFA2DF to #AFDFA2 and to #DFAFA2
#AFA2DF#AFA2DF#AFA2DF#AFA2DF#AFA2DF#AFA2DF#AFA2DF
#AFACD5#B0ABD5#B2A9D5#B3A8D5#B4A7D5#B5A6D5#B7A4D5
#AFB6CB#B1B3CB#B4B1CB#B6AECB#B9ACCB#BBA9CB#BEA6CB
#AFBFC2#B3BBC2#B6B8C2#BAB4C2#BEB0C2#C1ADC2#C6A8C2
#AFC9B8#B4C4B8#B9BFB8#BEBAB8#C3B5B8#C8B0B8#CEAAB8
#AFD3AE#B5CDAE#BBC7AE#C1C0AE#C7BAAE#CDB4AE#D5ACAE
#AFDFA2#B7D7A2#BED0A2#C6C8A2#CEC0A2#D5B9A2#DFAFA2

Colorpallet from #AFA2DF to #AFDFA2 and to #DFA2AF
#AFA2DF#AFA2DF#AFA2DF#AFA2DF#AFA2DF#AFA2DF#AFA2DF
#AFACD5#B0AAD5#B2A9D6#B3A7D6#B4A6D6#B5A4D7#B7A2D7
#AFB6CB#B1B3CC#B4B0CD#B6ACCD#B9A9CE#BBA6CF#BEA2D0
#AFBFC2#B3BAC3#B6B6C4#BAB1C5#BEACC6#C1A8C7#C6A2C8
#AFC9B8#B4C3B9#B9BDBB#BEB6BC#C3B0BD#C8AABE#CEA2C0
#AFD3AE#B5CBB0#BBC3B2#C1BBB3#C7B4B5#CDACB7#D5A2B9
#AFDFA2#B7D5A4#BECBA6#C6C2A8#CEB8AA#D5AEAC#DFA2AF

Colorpallet from #AFA2DF to #A2AFDF and to #A2DFAF
#AFA2DF#AFA2DF#AFA2DF#AFA2DF#AFA2DF#AFA2DF#AFA2DF
#ADA4DF#ADA5DE#ADA7DC#ADA8DB#ADA9DA#ADAAD9#ADACD7
#ABA6DF#ABA9DD#ABABDA#ABAED8#ABB0D5#ABB3D3#ABB6D0
#A9A8DF#A9ACDB#A9AFD8#A9B3D4#A9B7D0#A9BACD#A9BFC8
#A7AADF#A7AFDA#A7B4D5#A7B9D0#A7BECB#A7C3C6#A7C9C0
#A5ACDF#A5B2D9#A5B8D3#A5BFCD#A5C5C7#A5CBC1#A5D3B9
#A2AFDF#A2B7D7#A2BED0#A2C6C8#A2CEC0#A2D5B9#A2DFAF

Colorpallet from #AFA2DF to #A2AFDF and to #DFAFA2
#AFA2DF#AFA2DF#AFA2DF#AFA2DF#AFA2DF#AFA2DF#AFA2DF
#ADA4DF#AFA4DD#B0A4DC#B2A4DA#B3A4D9#B5A4D7#B7A4D5
#ABA6DF#AEA6DC#B1A6D9#B4A6D5#B7A6D2#BAA6CF#BEA6CB
#A9A8DF#AEA8DA#B2A8D6#B7A8D1#BCA8CC#C0A8C8#C6A8C2
#A7AADF#ADAAD9#B3AAD3#BAAACC#C0AAC6#C6AAC0#CEAAB8
#A5ACDF#ADACD7#B4ACCF#BCACC7#C4ACC0#CBACB8#D5ACAE
#A2AFDF#ACAFD5#B6AFCB#BFAFC2#C9AFB8#D3AFAE#DFAFA2

Colorpallet from #AFA2DF to #A2AFDF and to #DFA2AF
#AFA2DF#AFA2DF#AFA2DF#AFA2DF#AFA2DF#AFA2DF#AFA2DF
#ADA4DF#AFA4DE#B0A3DC#B2A3DB#B3A3DA#B5A2D9#B7A2D7
#ABA6DF#AEA5DD#B1A5DA#B4A4D8#B7A3D5#BAA3D3#BEA2D0
#A9A8DF#AEA7DB#B2A6D8#B7A5D4#BCA4D0#C0A3CD#C6A2C8
#A7AADF#ADA9DA#B3A7D5#BAA6D0#C0A5CB#C6A4C6#CEA2C0
#A5ACDF#ADAAD9#B4A9D3#BCA7CD#C4A6C7#CBA4C1#D5A2B9
#A2AFDF#ACADD7#B6ABD0#BFA9C8#C9A7C0#D3A5B9#DFA2AF

Colorpallet from #AFA2DF to #A2DFAF and to #DFAFA2
#AFA2DF#AFA2DF#AFA2DF#AFA2DF#AFA2DF#AFA2DF#AFA2DF
#ADACD7#AFABD7#B0A9D6#B2A8D6#B3A7D6#B5A6D5#B7A4D5
#ABB6D0#AEB3CF#B1B1CE#B4AECE#B7ACCD#BAA9CC#BEA6CB
#A9BFC8#AEBBC7#B2B8C6#B7B4C5#BCB0C4#C0ADC3#C6A8C2
#A7C9C0#ADC4BF#B3BFBD#BABABC#C0B5BB#C6B0BA#CEAAB8
#A5D3B9#ADCDB7#B4C7B5#BCC0B4#C4BAB2#CBB4B0#D5ACAE
#A2DFAF#ACD7AD#B6D0AB#BFC8A9#C9C0A7#D3B9A5#DFAFA2

Colorpallet from #AFA2DF to #A2DFAF and to #DFA2AF
#AFA2DF#AFA2DF#AFA2DF#AFA2DF#AFA2DF#AFA2DF#AFA2DF
#ADACD7#AFAAD7#B0A9D7#B2A7D7#B3A6D7#B5A4D7#B7A2D7
#ABB6D0#AEB3D0#B1B0D0#B4ACD0#B7A9D0#BAA6D0#BEA2D0
#A9BFC8#AEBAC8#B2B6C8#B7B1C8#BCACC8#C0A8C8#C6A2C8
#A7C9C0#ADC3C0#B3BDC0#BAB6C0#C0B0C0#C6AAC0#CEA2C0
#A5D3B9#ADCBB9#B4C3B9#BCBBB9#C4B4B9#CBACB9#D5A2B9
#A2DFAF#ACD5AF#B6CBAF#BFC2AF#C9B8AF#D3AEAF#DFA2AF

Colorpallet from #AFA2DF to #DFAFA2 and to #DFA2AF
#AFA2DF#AFA2DF#AFA2DF#AFA2DF#AFA2DF#AFA2DF#AFA2DF
#B7A4D5#B7A4D5#B7A3D6#B7A3D6#B7A3D6#B7A2D7#B7A2D7
#BEA6CB#BEA5CC#BEA5CD#BEA4CD#BEA3CE#BEA3CF#BEA2D0
#C6A8C2#C6A7C3#C6A6C4#C6A5C5#C6A4C6#C6A3C7#C6A2C8
#CEAAB8#CEA9B9#CEA7BB#CEA6BC#CEA5BD#CEA4BE#CEA2C0
#D5ACAE#D5AAB0#D5A9B2#D5A7B3#D5A6B5#D5A4B7#D5A2B9
#DFAFA2#DFADA4#DFABA6#DFA9A8#DFA7AA#DFA5AC#DFA2AF