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 #CDADAF to #CDAFAD and to #ADCDAF
#CDADAF#CDADAF#CDADAF#CDADAF#CDADAF#CDADAF#CDADAF
#CDADAF#CCAEAF#CBAFAF#CBAFAF#CAB0AF#C9B1AF#C8B2AF
#CDAEAE#CBAFAE#CAB1AE#C8B2AE#C7B4AF#C5B5AF#C3B7AF
#CDAEAE#CBB0AE#C8B2AE#C6B5AE#C3B7AF#C1B9AF#BEBCAF
#CDAEAE#CAB1AE#C7B4AE#C3B7AE#C0BAAF#BDBDAF#B9C1AF
#CDAFAD#C9B3AD#C5B7AE#C1BBAE#BCBEAE#B8C2AF#B3C7AF
#CDAFAD#C8B4AD#C3B9AE#BEBDAE#B9C2AE#B3C7AF#ADCDAF

Colorpallet from #CDADAF to #CDAFAD and to #ADAFCD
#CDADAF#CDADAF#CDADAF#CDADAF#CDADAF#CDADAF#CDADAF
#CDADAF#CCADB0#CBADB1#CBADB1#CAADB2#C9ADB3#C8ADB4
#CDAEAE#CBAEB0#CAAEB2#C8AEB3#C7AEB5#C5AEB7#C3AEB9
#CDAEAE#CBAEB0#C8AEB3#C6AEB5#C3AEB8#C1AEBA#BEAEBD
#CDAEAE#CAAEB1#C7AEB4#C3AEB8#C0AEBB#BDAEBE#B9AEC2
#CDAFAD#C9AFB1#C5AFB5#C1AFB9#BCAFBE#B8AFC2#B3AFC7
#CDAFAD#C8AFB2#C3AFB7#BEAFBC#B9AFC1#B3AFC7#ADAFCD

Colorpallet from #CDADAF to #CDAFAD and to #AFCDAD
#CDADAF#CDADAF#CDADAF#CDADAF#CDADAF#CDADAF#CDADAF
#CDADAF#CCAEAF#CBAFAF#CBAFAF#CAB0AF#C9B1AF#C8B2AF
#CDAEAE#CBAFAE#CAB1AE#C8B2AE#C7B4AE#C5B5AE#C3B7AE
#CDAEAE#CBB0AE#C9B2AE#C6B5AE#C4B7AE#C2B9AE#BFBCAE
#CDAEAE#CAB1AE#C7B4AE#C4B7AE#C1BAAE#BEBDAE#BAC1AE
#CDAFAD#C9B3AD#C5B7AD#C1BBAD#BEBEAD#BAC2AD#B5C7AD
#CDAFAD#C8B4AD#C3B9AD#BFBDAD#BAC2AD#B5C7AD#AFCDAD

Colorpallet from #CDADAF to #CDAFAD and to #AFADCD
#CDADAF#CDADAF#CDADAF#CDADAF#CDADAF#CDADAF#CDADAF
#CDADAF#CCADB0#CBADB1#CBADB1#CAADB2#C9ADB3#C8ADB4
#CDAEAE#CBAEB0#CAAEB2#C8AEB3#C7ADB5#C5ADB7#C3ADB9
#CDAEAE#CBAEB0#C9AEB3#C6AEB5#C4ADB8#C2ADBA#BFADBD
#CDAEAE#CAAEB1#C7AEB4#C4AEB8#C1ADBB#BEADBE#BAADC2
#CDAFAD#C9AFB1#C5AEB5#C1AEB9#BEAEBE#BAADC2#B5ADC7
#CDAFAD#C8AFB2#C3AEB7#BFAEBC#BAAEC1#B5ADC7#AFADCD

Colorpallet from #CDADAF to #ADCDAF and to #ADAFCD
#CDADAF#CDADAF#CDADAF#CDADAF#CDADAF#CDADAF#CDADAF
#C8B2AF#C8B1B0#C8B0B1#C8B0B1#C8AFB2#C8AEB3#C8ADB4
#C3B7AF#C3B6B1#C3B4B2#C3B3B4#C3B1B5#C3B0B7#C3AEB9
#BEBCAF#BEBAB1#BEB8B3#BEB5B6#BEB3B8#BEB1BA#BEAEBD
#B9C1AF#B9BEB2#B9BBB5#B9B8B8#B9B5BB#B9B2BE#B9AEC2
#B3C7AF#B3C3B3#B3BFB7#B3BBBB#B3B8BE#B3B4C2#B3AFC7
#ADCDAF#ADC8B4#ADC3B9#ADBFBD#ADBAC2#ADB5C7#ADAFCD

Colorpallet from #CDADAF to #ADCDAF and to #AFCDAD
#CDADAF#CDADAF#CDADAF#CDADAF#CDADAF#CDADAF#CDADAF
#C8B2AF#C8B2AF#C8B2AF#C8B2AF#C8B2AF#C8B2AF#C8B2AF
#C3B7AF#C3B7AF#C3B7AF#C3B7AF#C3B7AE#C3B7AE#C3B7AE
#BEBCAF#BEBCAF#BEBCAF#BEBCAF#BFBCAE#BFBCAE#BFBCAE
#B9C1AF#B9C1AF#B9C1AF#B9C1AF#BAC1AE#BAC1AE#BAC1AE
#B3C7AF#B3C7AF#B4C7AE#B4C7AE#B4C7AE#B5C7AD#B5C7AD
#ADCDAF#ADCDAF#AECDAE#AECDAE#AECDAE#AFCDAD#AFCDAD

Colorpallet from #CDADAF to #ADCDAF and to #AFADCD
#CDADAF#CDADAF#CDADAF#CDADAF#CDADAF#CDADAF#CDADAF
#C8B2AF#C8B1B0#C8B0B1#C8B0B1#C8AFB2#C8AEB3#C8ADB4
#C3B7AF#C3B5B1#C3B4B2#C3B2B4#C3B1B5#C3AFB7#C3ADB9
#BEBCAF#BEBAB1#BEB7B3#BEB5B6#BFB2B8#BFB0BA#BFADBD
#B9C1AF#B9BEB2#B9BBB5#B9B7B8#BAB4BB#BAB1BE#BAADC2
#B3C7AF#B3C3B3#B4BFB7#B4BBBB#B4B6BE#B5B2C2#B5ADC7
#ADCDAF#ADC8B4#AEC3B9#AEBEBD#AEB9C2#AFB3C7#AFADCD

Colorpallet from #CDADAF to #ADAFCD and to #AFCDAD
#CDADAF#CDADAF#CDADAF#CDADAF#CDADAF#CDADAF#CDADAF
#C8ADB4#C8AEB3#C8AFB2#C8AFB2#C8B0B1#C8B1B0#C8B2AF
#C3AEB9#C3AFB7#C3B1B5#C3B2B4#C3B4B2#C3B5B0#C3B7AE
#BEAEBD#BEB0BB#BEB2B8#BEB5B6#BFB7B3#BFB9B1#BFBCAE
#B9AEC2#B9B1BF#B9B4BC#B9B7B8#BABAB5#BABDB2#BAC1AE
#B3AFC7#B3B3C3#B4B7BF#B4BBBB#B4BEB6#B5C2B2#B5C7AD
#ADAFCD#ADB4C8#AEB9C3#AEBDBE#AEC2B9#AFC7B3#AFCDAD

Colorpallet from #CDADAF to #ADAFCD and to #AFADCD
#CDADAF#CDADAF#CDADAF#CDADAF#CDADAF#CDADAF#CDADAF
#C8ADB4#C8ADB4#C8ADB4#C8ADB4#C8ADB4#C8ADB4#C8ADB4
#C3AEB9#C3AEB9#C3AEB9#C3AEB9#C3ADB9#C3ADB9#C3ADB9
#BEAEBD#BEAEBD#BEAEBD#BEAEBD#BFADBD#BFADBD#BFADBD
#B9AEC2#B9AEC2#B9AEC2#B9AEC2#BAADC2#BAADC2#BAADC2
#B3AFC7#B3AFC7#B4AEC7#B4AEC7#B4AEC7#B5ADC7#B5ADC7
#ADAFCD#ADAFCD#AEAECD#AEAECD#AEAECD#AFADCD#AFADCD

Colorpallet from #CDADAF to #AFCDAD and to #AFADCD
#CDADAF#CDADAF#CDADAF#CDADAF#CDADAF#CDADAF#CDADAF
#C8B2AF#C8B1B0#C8B0B1#C8B0B1#C8AFB2#C8AEB3#C8ADB4
#C3B7AE#C3B5B0#C3B4B2#C3B2B3#C3B1B5#C3AFB7#C3ADB9
#BFBCAE#BFBAB0#BFB7B3#BFB5B5#BFB2B8#BFB0BA#BFADBD
#BAC1AE#BABEB1#BABBB4#BAB7B8#BAB4BB#BAB1BE#BAADC2
#B5C7AD#B5C3B1#B5BFB5#B5BBB9#B5B6BE#B5B2C2#B5ADC7
#AFCDAD#AFC8B2#AFC3B7#AFBEBC#AFB9C1#AFB3C7#AFADCD