Skip to main content
create_colors.php(16), url=https://belgates.be, uri=create_colors

$_SESSION:
$_POST:
Array
(
)
create_colors.php(89), url=https://belgates.be, uri=create_colors
$_POST:
Array
(
)
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
Couleur Principale:
#0000ff
Remarque:

Complémentaire atténué:
Une couleur et les deux couleurs adjacentes à son complémentaire.
Deux couleurs proches qui se heurtent avec une troisième produisent un certain équilibre surtout si on évite les couleurs vives.

Couleur Complémentaire:
#fffe00, opposée à la couleur principale (180°)
Couleur Adjacentes:
#84ff00 espacée de + 30° à la couleur complémentaire
#ff8400 espacée de - 30° à la couleur complémentaire
Nous pourrions envisager d'autres angles sépararant la couleur complémentaire et les adjacentes
Couleur Supplémentaire:
, gris calculé, la moyenne des composantes RVB de la couleur principale.
En ajoutant ce gris, le "set de couleurs" est complet, nos designs étant toujours conçu avec une base de 5 couleurs
#
Subdued Complementary
Monochromatic
Analogous
Triadic
Tetradic

create_colors

create_colors

0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 // idem cercle 3 // Définir les angles dans un tableau // idem cercle 4 // Définir les angles dans un tableau
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 // idem cercle 3 // Définir les angles dans un tableau // idem cercle 4 // Définir les angles dans un tableau
0
0 #0000ff
1
1 #4000ff
2
2 #8000ff
3
3 #bf00ff
4
4 #ff00ff
5
5 #ff00bf
6
6 #ff0080
7
7 #ff0040
8
8 #ff0000
9
9 #ff4000
10
10 #ff8000
11
11 #ffbf00
12
12 #ffff00
13
13 #bfff00
14
14 #80ff00
15
15 #40ff00
16
16 #00ff00
17
17 #00ff40
18
18 #00ff80
19
19 #00ffbf
20
20 #00ffff
21
21 #00bfff
22
22 #0080ff
23
23 #0040ff
Complémentaire atténué
:

Une couleur et les deux couleurs adjacentes à son complémentaire.
Deux couleurs proches qui se heurtent avec une troisième produisent un certain équilibre surtout si on évite les couleurs vives.

#0000ff, #ffbf00, #bfff00
#4000ff, #ffff00, #80ff00
#8000ff, #bfff00, #40ff00
#bf00ff, #80ff00, #00ff00
#ff00ff, #40ff00, #00ff40
#ff00bf, #00ff00, #00ff80
#ff0080, #00ff40, #00ffbf
#ff0040, #00ff80, #00ffff
#ff0000, #00ffbf, #00bfff
#ff4000, #00ffff, #0080ff
#ff8000, #00bfff, #0040ff
#ffbf00, #0080ff, #0000ff
#ffff00, #0040ff, #4000ff
#bfff00, #0000ff, #8000ff
#80ff00, #4000ff, #bf00ff
#40ff00, #8000ff, #ff00ff
#00ff00, #bf00ff, #ff00bf
#00ff40, #ff00ff, #ff0080
#00ff80, #ff00bf, #ff0040
#00ffbf, #ff0080, #ff0000
#00ffff, #ff0040, #ff4000
#00bfff, #ff0000, #ff8000
#0080ff, #ff4000, #ffbf00
#0040ff, #ff8000, #ffff00
Monochromatique
#000099, #0000ff, #6565ff
#260099, #4000ff, #8c65ff
#4c0099, #8000ff, #b265ff
#720099, #bf00ff, #d865ff
#980098, #ff00ff, #fe65fe
#990072, #ff00bf, #ff65d8
#99004c, #ff0080, #ff65b2
#990026, #ff0040, #ff658c
#990000, #ff0000, #ff6565
#992600, #ff4000, #ff8c65
#994c00, #ff8000, #ffb265
#997200, #ffbf00, #ffd865
#999900, #ffff00, #ffff65
#729900, #bfff00, #d8ff65
#4c9900, #80ff00, #b2ff65
#269900, #40ff00, #8cff65
#009900, #00ff00, #65ff66
#009926, #00ff40, #65ff8c
#00994c, #00ff80, #65ffb2
#009972, #00ffbf, #65ffd8
#009899, #00ffff, #65feff
#007299, #00bfff, #65d8ff
#004c99, #0080ff, #65b2ff
#002699, #0040ff, #658cff
Les couleurs analogues
#0000ff, #4000ff, #8000ff
#4000ff, #8000ff, #bf00ff
#8000ff, #bf00ff, #ff00ff
#bf00ff, #ff00ff, #ff00bf
#ff00ff, #ff00bf, #ff0080
#ff00bf, #ff0080, #ff0040
#ff0080, #ff0040, #ff0000
#ff0040, #ff0000, #ff4000
#ff0000, #ff4000, #ff8000
#ff4000, #ff8000, #ffbf00
#ff8000, #ffbf00, #ffff00
#ffbf00, #ffff00, #bfff00
#ffff00, #bfff00, #80ff00
#bfff00, #80ff00, #40ff00
#80ff00, #40ff00, #00ff00
#40ff00, #00ff00, #00ff40
#00ff00, #00ff40, #00ff80
#00ff40, #00ff80, #00ffbf
#00ff80, #00ffbf, #00ffff
#00ffbf, #00ffff, #00bfff
#00ffff, #00bfff, #0080ff
#00bfff, #0080ff, #0040ff
#0080ff, #0040ff, #0000ff
#0040ff, #0000ff, #4000ff
Les couleurs triadiques
#0000ff, #ff0000, #00ff00
#4000ff, #ff4000, #00ff40
#8000ff, #ff8000, #00ff80
#bf00ff, #ffbf00, #00ffbf
#ff00ff, #ffff00, #00ffff
#ff00bf, #bfff00, #00bfff
#ff0080, #80ff00, #0080ff
#ff0040, #40ff00, #0040ff
#ff0000, #00ff00, #0000ff
#ff4000, #00ff40, #4000ff
#ff8000, #00ff80, #8000ff
#ffbf00, #00ffbf, #bf00ff
#ffff00, #00ffff, #ff00ff
#bfff00, #00bfff, #ff00bf
#80ff00, #0080ff, #ff0080
#40ff00, #0040ff, #ff0040
#00ff00, #0000ff, #ff0000
#00ff40, #4000ff, #ff4000
#00ff80, #8000ff, #ff8000
#00ffbf, #bf00ff, #ffbf00
#00ffff, #ff00ff, #ffff00
#00bfff, #ff00bf, #bfff00
#0080ff, #ff0080, #80ff00
#0040ff, #ff0040, #40ff00
Les couleurs Quadratiques
#0000ff, #ff0080, #ffff00, #00ff80
#4000ff, #ff0040, #bfff00, #00ffbf
#8000ff, #ff0000, #80ff00, #00ffff
#bf00ff, #ff4000, #40ff00, #00bfff
#ff00ff, #ff8000, #00ff00, #0080ff
#ff00bf, #ffbf00, #00ff40, #0040ff
#ff0080, #ffff00, #00ff80, #0000ff
#ff0040, #bfff00, #00ffbf, #4000ff
#ff0000, #80ff00, #00ffff, #8000ff
#ff4000, #40ff00, #00bfff, #bf00ff
#ff8000, #00ff00, #0080ff, #ff00ff
#ffbf00, #00ff40, #0040ff, #ff00bf
#ffff00, #00ff80, #0000ff, #ff0080
#bfff00, #00ffbf, #4000ff, #ff0040
#80ff00, #00ffff, #8000ff, #ff0000
#40ff00, #00bfff, #bf00ff, #ff4000
#00ff00, #0080ff, #ff00ff, #ff8000
#00ff40, #0040ff, #ff00bf, #ffbf00
#00ff80, #0000ff, #ff0080, #ffff00
#00ffbf, #4000ff, #ff0040, #bfff00
#00ffff, #8000ff, #ff0000, #80ff00
#00bfff, #bf00ff, #ff4000, #40ff00
#0080ff, #ff00ff, #ff8000, #00ff00
#0040ff, #ff00bf, #ffbf00, #00ff40
Les couleurs neutres
Une seule teinte neutralisée par son complémentaire et/ou du noir. Le résultat est plus "assourdi" qu un schéma monochromatique.
#000000, #0000ff, #ffff00
#000000, #4000ff, #bfff00
#000000, #8000ff, #80ff00
#000000, #bf00ff, #40ff00
#000000, #ff00ff, #00ff00
#000000, #ff00bf, #00ff40
#000000, #ff0080, #00ff80
#000000, #ff0040, #00ffbf
#000000, #ff0000, #00ffff
#000000, #ff4000, #00bfff
#000000, #ff8000, #0080ff
#000000, #ffbf00, #0040ff
#000000, #ffff00, #0000ff
#000000, #bfff00, #4000ff
#000000, #80ff00, #8000ff
#000000, #40ff00, #bf00ff
#000000, #00ff00, #ff00ff
#000000, #00ff40, #ff00bf
#000000, #00ff80, #ff0080
#000000, #00ffbf, #ff0040
#000000, #00ffff, #ff0000
#000000, #00bfff, #ff4000
#000000, #0080ff, #ff8000
#000000, #0040ff, #ffbf00
Composante Rouge (R): 255
Composante Vert (G): 0
Composante Bleu (B): 0
Composante Rouge (R): 0
Composante Vert (G): 255
Composante Bleu (B): 0
Composante Rouge (R): 0
Composante Vert (G): 0
Composante Bleu (B): 255
triplet de couleurs
Array ( [0] => #0000ff [8] => #ff0000 [16] => #00ff00 )
couleurInitiale=#ff0000
couleurEclaircie=#ff0000
startColor=#ff0000
Array ( [0] => #ff0000 [1] => #ff0000 [2] => #e60000 [3] => #cc0000 [4] => #b30000 [5] => #990000 [6] => #800000 [7] => #660000 [8] => #4d0000 [9] => #330000 [10] => #1a0000 )
Array ( [0] => 0 [1] => 100 [2] => 100 )