bar chart Example 1
bar chart Example 2
line chart Example 3
line chart Example 4
pie chart Example 5
pie chart Example 6
Live Example
Graphic Tools
Invisible Counter
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 #C1F2E2 to #C1E2F2 and to #F2C1E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1EFE5
#C2EEE5
#C4EDE4
#C5EDE4
#C6ECE3
#C7EBE3
#C9EAE2
#C1EDE7
#C4EBE6
#C6E9E5
#C9E8E5
#CBE6E4
#CEE4E3
#D1E2E2
#C1EAEA
#C5E7E9
#C9E5E7
#CDE2E6
#D0E0E5
#D4DDE4
#D9DAE2
#C1E8EC
#C6E5EA
#CBE1E9
#D0DEE7
#D5DBE6
#DAD7E4
#E0D3E2
#C1E5EF
#C7E1ED
#CDDDEB
#D4D9E9
#DAD4E7
#E0D0E5
#E8CBE2
#C1E2F2
#C9DDEF
#D1D7ED
#D9D2EA
#E0CDE8
#E8C8E5
#F2C1E2
Colorpallet from #C1F2E2 to #C1E2F2 and to #F2E2C1
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1EFE5
#C2EFE4
#C4EFE2
#C5EFE1
#C6EFE0
#C7EFDF
#C9EFDD
#C1EDE7
#C4EDE4
#C6EDE2
#C9EDDF
#CBEDDD
#CEEDDA
#D1EDD7
#C1EAEA
#C5EAE6
#C9EAE2
#CDEADE
#D0EADB
#D4EAD7
#D9EAD2
#C1E8EC
#C6E8E7
#CBE8E2
#D0E8DD
#D5E8D8
#DAE8D3
#E0E8CD
#C1E5EF
#C7E5E9
#CDE5E3
#D4E5DC
#DAE5D6
#E0E5D0
#E8E5C8
#C1E2F2
#C9E2EA
#D1E2E2
#D9E2DA
#E0E2D3
#E8E2CB
#F2E2C1
Colorpallet from #C1F2E2 to #C1E2F2 and to #E2C1F2
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1EFE5
#C2EEE5
#C3EDE5
#C3EDE5
#C4ECE5
#C5EBE5
#C6EAE5
#C1EDE7
#C3EBE7
#C5E9E7
#C6E8E7
#C8E6E7
#CAE4E7
#CCE2E7
#C1EAEA
#C4E7EA
#C6E5EA
#C9E2EA
#CBE0EA
#CEDDEA
#D1DAEA
#C1E8EC
#C4E5EC
#C8E1EC
#CBDEEC
#CEDBEC
#D2D7EC
#D6D3EC
#C1E5EF
#C5E1EF
#C9DDEF
#CDD9EF
#D2D4EF
#D6D0EF
#DBCBEF
#C1E2F2
#C6DDF2
#CCD7F2
#D1D2F2
#D6CDF2
#DBC8F2
#E2C1F2
Colorpallet from #C1F2E2 to #C1E2F2 and to #E2F2C1
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1EFE5
#C2EFE4
#C3F0E2
#C3F0E1
#C4F1E0
#C5F1DF
#C6F2DD
#C1EDE7
#C3EEE4
#C5EFE2
#C6EFDF
#C8F0DD
#CAF1DA
#CCF2D7
#C1EAEA
#C4EBE6
#C6EDE2
#C9EEDE
#CBEFDB
#CEF0D7
#D1F2D2
#C1E8EC
#C4EAE7
#C8EBE2
#CBEDDD
#CEEED8
#D2F0D3
#D6F2CD
#C1E5EF
#C5E7E9
#C9E9E3
#CDEBDC
#D2EDD6
#D6EFD0
#DBF2C8
#C1E2F2
#C6E5EA
#CCE7E2
#D1EADA
#D6ECD3
#DBEFCB
#E2F2C1
Colorpallet from #C1F2E2 to #F2C1E2 and to #F2E2C1
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C9EAE2
#C9EBE1
#C9ECE0
#C9ECE0
#C9EDDF
#C9EEDE
#C9EFDD
#D1E2E2
#D1E4E0
#D1E6DE
#D1E7DD
#D1E9DB
#D1EBD9
#D1EDD7
#D9DAE2
#D9DDDF
#D9DFDD
#D9E2DA
#D9E4D8
#D9E7D5
#D9EAD2
#E0D3E2
#E0D6DF
#E0DADB
#E0DDD8
#E0E0D5
#E0E4D1
#E0E8CD
#E8CBE2
#E8CFDE
#E8D3DA
#E8D7D6
#E8DCD1
#E8E0CD
#E8E5C8
#F2C1E2
#F2C6DD
#F2CCD7
#F2D1D2
#F2D6CD
#F2DBC8
#F2E2C1
Colorpallet from #C1F2E2 to #F2C1E2 and to #E2C1F2
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C9EAE2
#C9EAE2
#C8EAE3
#C8EAE3
#C7EAE4
#C7EAE4
#C6EAE5
#D1E2E2
#D0E2E3
#CFE2E4
#CFE2E4
#CEE2E5
#CDE2E6
#CCE2E7
#D9DAE2
#D8DAE3
#D6DAE5
#D5DAE6
#D4DAE7
#D3DAE8
#D1DAEA
#E0D3E2
#DED3E4
#DDD3E5
#DBD3E7
#DAD3E8
#D8D3EA
#D6D3EC
#E8CBE2
#E6CBE4
#E4CBE6
#E2CBE8
#E0CBEA
#DECBEC
#DBCBEF
#F2C1E2
#EFC1E5
#EDC1E7
#EAC1EA
#E8C1EC
#E5C1EF
#E2C1F2
Colorpallet from #C1F2E2 to #F2C1E2 and to #E2F2C1
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C9EAE2
#C9EBE1
#C8EDE0
#C8EEE0
#C7EFDF
#C7F0DE
#C6F2DD
#D1E2E2
#D0E5E0
#CFE7DE
#CFEADD
#CEECDB
#CDEFD9
#CCF2D7
#D9DAE2
#D8DEDF
#D6E2DD
#D5E6DA
#D4E9D8
#D3EDD5
#D1F2D2
#E0D3E2
#DED8DF
#DDDDDB
#DBE2D8
#DAE7D5
#D8ECD1
#D6F2CD
#E8CBE2
#E6D1DE
#E4D7DA
#E2DED6
#E0E4D1
#DEEACD
#DBF2C8
#F2C1E2
#EFC9DD
#EDD1D7
#EAD9D2
#E8E0CD
#E5E8C8
#E2F2C1
Colorpallet from #C1F2E2 to #F2E2C1 and to #E2C1F2
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C9EFDD
#C9EEDE
#C8EDE0
#C8EDE1
#C7ECE2
#C7EBE3
#C6EAE5
#D1EDD7
#D0EBDA
#CFE9DC
#CFE8DF
#CEE6E1
#CDE4E4
#CCE2E7
#D9EAD2
#D8E7D6
#D6E5DA
#D5E2DE
#D4E0E1
#D3DDE5
#D1DAEA
#E0E8CD
#DEE5D2
#DDE1D7
#DBDEDC
#DADBE1
#D8D7E6
#D6D3EC
#E8E5C8
#E6E1CE
#E4DDD4
#E2D9DB
#E0D4E1
#DED0E7
#DBCBEF
#F2E2C1
#EFDDC9
#EDD7D1
#EAD2D9
#E8CDE0
#E5C8E8
#E2C1F2
Colorpallet from #C1F2E2 to #F2E2C1 and to #E2F2C1
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C9EFDD
#C9EFDD
#C8F0DD
#C8F0DD
#C7F1DD
#C7F1DD
#C6F2DD
#D1EDD7
#D0EED7
#CFEFD7
#CFEFD7
#CEF0D7
#CDF1D7
#CCF2D7
#D9EAD2
#D8EBD2
#D6EDD2
#D5EED2
#D4EFD2
#D3F0D2
#D1F2D2
#E0E8CD
#DEEACD
#DDEBCD
#DBEDCD
#DAEECD
#D8F0CD
#D6F2CD
#E8E5C8
#E6E7C8
#E4E9C8
#E2EBC8
#E0EDC8
#DEEFC8
#DBF2C8
#F2E2C1
#EFE5C1
#EDE7C1
#EAEAC1
#E8ECC1
#E5EFC1
#E2F2C1
Colorpallet from #C1F2E2 to #E2C1F2 and to #E2F2C1
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C1F2E2
#C6EAE5
#C6EBE4
#C6EDE2
#C6EEE1
#C6EFE0
#C6F0DF
#C6F2DD
#CCE2E7
#CCE5E4
#CCE7E2
#CCEADF
#CCECDD
#CCEFDA
#CCF2D7
#D1DAEA
#D1DEE6
#D1E2E2
#D1E6DE
#D1E9DB
#D1EDD7
#D1F2D2
#D6D3EC
#D6D8E7
#D6DDE2
#D6E2DD
#D6E7D8
#D6ECD3
#D6F2CD
#DBCBEF
#DBD1E9
#DBD7E3
#DBDEDC
#DBE4D6
#DBEAD0
#DBF2C8
#E2C1F2
#E2C9EA
#E2D1E2
#E2D9DA
#E2E0D3
#E2E8CB
#E2F2C1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
