Ressources complémentaires en français

- 🇫🇷 [Le cercle chromatique](https://www.pearson.fr/resources/titles/27440100212080/extras/2413_bases.pdf), un superbe pdf à télécharger sur la lumière, les couleurs, les associations de couleurs. - 🇫🇷 [Le cercle chromatique](http://fr.wikipedia.org/wiki/Cercle_chromatique), article de wikipedia - 🇫🇷 [Composition des couleurs](http://www.pearson.fr/resources/titles/27440100473760/extras/9320_chap01.pdf), autre pdf de chez Pearson. - 🇫🇷 [Quelle est la différence entre saturation et pureté ?](http://www.blog-couleur.com/?Quelle-est-la-difference-entre), par Daniel Metz

Ressources complémentaires en anglais

- 🇬🇧 [Color theory basics, Hue](http://lucaskrech.com/blog/index.php/2010/01/04/color-theory-basics-hue/), par Lucas Krech - 🇬🇧 [Color theory basics, Saturation & Chroma](http://lucaskrech.com/blog/index.php/2010/01/08/color-theory-basics-saturation-and-chroma/), par Lucas Krech - 🇬🇧 [High Definition CSS Color Guide](https://developer.chrome.com/articles/high-definition-css-color-guide/), par Adam Argyle - 🇬🇧 [Chroma in Munsell color system](http://en.wikipedia.org/wiki/Munsell_color_system#Chroma) - 🇬🇧 [Hues, Tints, Tones and Shades, what’s the difference?](http://www.craftsy.com/blog/2013/05/hues-tints-tones-and-shades/) par Paul Heaston - 🇬🇧 [Basic color schemes](http://www.tigercolor.com/color-lab/color-theory/color-theory-intro.htm) - 🇬🇧 [The 28 best tools for choosing your color scheme](http://www.creativebloq.com/colour/tools-colour-schemes-12121430), par Creative Bloq

Outils

- 🇫🇷 [Adobe Kuler](https://kuler.adobe.com/create/color-wheel/), outil en ligne pour choisir ses couleurs, très complet et inspirant. - 🇬🇧 [Huetone](https://huetone.ardov.me/?palette=N4IgdghgtgpiBcIAqECWAbA7qsATABAMwB0ADCADQgAWArjAM4IDaoksCIAyuhAC5wqAYwD26EQCcm8ZiADEAMwAcCiAqGV5CgIwKArAoCcmuTABMMFeSpyhAI1x6Y2k4YAsEQnaUmAbG4B2NyU7E0C9PV9jG0JCN20Ik21zQy8TUh0AswgQAF0AXwo2aDhEAHEJCABPTVFxKRYtQ1UFUJsFQgU3BV8TGCcAmDb5XG1HXGG5QyFPNT87LKVreTc7CN9CE0IghJcbXTNUgKTtbSUzY4Ki8BLOAC0cDWExSWlZRTVPky6fvT63GAA442XBuUG4Hw2CDaaEQHI2ALaREBeHyPRmdF6SadTpuXo2C6E1FyM6k0JXYocRAAORgtD4lXQtReDRkWk%2Bqm%2BBm5fScfJM4LBbhMs0InhMAW2UpMmIxZjCpDciuWcjMvjVaqSyKReUKlNK3D4IjAghAdVejQ%2BLWiWm5XT6gycwpBvlwhFGIqUEEOprkASUiN8TzRAT0cV9bkjpEIwdVhjlzvk2iE2kMOopNypIAASjBcMz6m8tDAFGZS98YOZzBWZjNvjM9BA-u0A0i9vIS5HIwKhBr8fI7GmU7HDGm7NpJgEdKN8xn2AaAPKVMAAc1N5tZ7wU28G%2BfaCjzjgruBRxIUEwgQW%2Bg7MMe%2Bhkl2n7pibS1jvfipBHnni8oRvdGeU51uRAAEEoDsGAJALC02UUbdIMmA8OiEYEtFwGBfC9es3TBa87FLRNFD0QwYFISZcAfAJSGfOw3DDUgbSmMwlVIX1-UIPQMl1a5504ABNGB0HETAYM3Yt1EsCsjCETZ2hLUhsPaDDFTQj4hBTZsOwgOxCEUkwZi9RURSfMxSDUpQ9DBNiJW0TptCAvVMwNAAZVAOGeQtLQUKdKzUmAhHUewBWaUc9wHEs1SIzxMM4kwlDcDSnz8Rs9PCuQwQCIRuJiHozAcrZfDDbRhWArMKkrMAxKLRQMlwe0QUCoQYDUuwCICXAVSUXwSwgWMPAwpYTDMMwhAiX0nx-YkEiWd0kl8Iq4iSejCDMWcnL4xAAFFYEZcKNxqgLz30AVdAgfoRSnd0VR6lqFi2MFCFHJJyMMJR2zkUgSIWpjVMstSaIMPF0n8GA0jKg0kBgCAmU82CtzqzkbA01odFcZoeqIpxodBYbcFBAjlu8CBn1ISjgkheQMgCBaJoSfomLsgEPB4-VOAAYSqCAqrh8TTECksFAM7c1F9JsOnUPxBhUJiRrdSsQbsV0iMUsc-yplq3EMFUEgGLSSVBjZWeczguAAaxqXmaoUDJmiFmwyNLA8TDsc7fHPCV8c6WNCBCerKc%2B6GnF%2BswEtQ9JCCiaF0lDN79a-DweuNzaQAAIXQehqstQX3ftkZINFl3zwI31UjGj2bF8UhxeJLxzh6YbIkIIYklBPMA%2BSJU5n2MGIGwiHOAASTwVAVxELO4MrJ289MNipxn1DcDLMWsW6WN3qUQKA42Ba0Zsbo8Qu-fYk32vJWruT5EIBzLBcAfEAANVQMQYD4CetwMToZ7zGBml9fHcDu19EIVYBh0qXhCEjeQIQ9CBWfFlMUeY-BLyUJRGUdh8pKzCCmSifx74gAAAq0AkAAB3QOuFk1s1AGBnh0Sw24%2BiGEcAwkEIRujAMUmvT0EQfKuFiM3YkgwRrNXmPlPuMp3pCADMnECIAABitAhDUAYKgVEB1vL1W6LQ86KhaF6E6s7do1cCKxksAEUKIVD4L1IGqN0Ip8ozBnt1VMKgJSkBhKGGRWYCE4DNu-dCTsA6SSuteAWQTDB91xu0QIZgsEOxAUoZ6IIMEBFSS7Zwll0pMKRHhGwShr4JU2Pg7MIgGAUK8nBbcOhyz7kBJhGsXtvi4AgB4WhCwzj6y6J0JwfRTiggDpBByd4bDNCGUxJQ71YiXHyLkKgRoTRFi4pobQpBlhmWWHpZYrFNBcWWFXZY1FlhLGWNrcgBQgA) - 🇬🇧 [Color Scheme Designer](https://colorschemedesigner.com/), comme Kuler, avec un fonctionnement différent, très bien fait. - 🇬🇧 [WebColorData](https://webcolourdata.com/), avec cet outil les couleurs n’auront plus aucun secret pour vous. Entrez l’url d’un site internet et WebColorData référence en un panel les couleurs dominantes trouvées. Vraiment pratique. - 🇬🇧 [Color.io](https://colourco.de/), autre outil très pratique pour choisir une couleur et toute la palette complémentaire. - 🇬🇧 [Mudcube colour sphere](http://mudcu.be/sphere/#) vous permet de créer des schémas de couleurs et de vérifier leur accessibilité aux personnes souffrant de déficiences visuelles. - 🇬🇧 [0 to 255](http://0to255.com/), un outil simple pour trouver des variations sur une couleur. - 🇬🇧 [Hex.colorrrs](http://hex.colorrrs.com/), un convertisseur de Hex en RGB, simple, bien fait, visualisation de la couleur en cours de frappe. - 🇬🇧 [Brand Colors](http://brandcolors.net/), une collection de palettes de couleurs des grandes marques. - 🇬🇧 [The colors of motion](http://thecolorsofmotion.com/films), un site créatif par Charlie Clark qui explore l’utilisation des couleurs dans les films. Pas de mots, juste des couleurs. Choisissez un film, cliquez sur une bande de couleur, regardez les images et l’harmonie des couleurs. - 🇬🇧 [Contrast Grid](https://contrast-grid.eightshapes.com/?version=1.1.0&background-colors=&foreground-colors=%23FFFFFF%2C%20White%0D%0A%23F2F2F2%0D%0A%23DDDDDD%0D%0A%23CCCCCC%0D%0A%23888888%0D%0A%23404040%2C%20Charcoal%0D%0A%23000000%2C%20Black%0D%0A%232F78C5%2C%20Effective%20on%20Extremes%0D%0A%230F60B6%2C%20Effective%20on%20Lights%0D%0A%23398EEA%2C%20Ineffective%0D%0A&es-color-form__tile-size=compact&es-color-form__show-contrast=aaa&es-color-form__show-contrast=aa&es-color-form__show-contrast=aa18&es-color-form__show-contrast=dnp) pour tester des tas d'associations de couleurs et d'arrière-plans et leur respect du WCAG 2.0. - [RGBA to HSLA](https://products.aspose.app/svg/color-converter/rgba-to-hsla) un convertisseur de RGBa vers HSLa (et convertisseur de bien d'autres formats !). - [Hex to Hsl](https://htmlcolors.com/hex-to-hsl) un autre convertisseur (avec d'autres formats dispos également). - [RGB to HSL](https://www.rapidtables.com/convert/color/rgb-to-hsl.html) comme son nom l'indique. - [Accessible color palette generator](https://venngage.com/tools/accessible-color-palette-generator) un générateur de palettes de couleurs accessibles

Tous les tags

accessibilité

animation

couleur

css

cssgrid

design

dico

dom

flexbox

html

javascript

json

méthodes

outils

pseudo-classes

pseudo-éléments

sass

svg

sémantique

typographie

vidéo