Où puis-je trouver une large palette / jeu de couleurs contrastées pour colorer de nombreux jeux de données sur un tracé?


83

J'ai besoin d'un large jeu de couleurs contrastées et facilement identifiables visuellement (20 et plus) pour colorer différents jeux de données sur une parcelle scientifique (le jeu de couleurs ne doit pas inclure de blanc ni de noir, et les couleurs doivent être aussi claires que possible).

Le tracé est généré par programme et est destiné à être inclus dans une présentation qui sera affichée à l'aide d'un projecteur.

Existe-t-il des jeux de couleurs prêts à l'emploi pour une telle tâche (j'ai besoin de couleurs comme jeu de valeurs RVB)?

Ou peut-être existe-t-il un algorithme qui génère un tel jeu de couleurs par programme (j'utilise Wolfram Mathematica pour la génération de tracés)?

Post-scriptum L'intrigue elle-même peut ressembler, par exemple, à celle-ci:

capture d'écran


Pour le fond, pourquoi ont-ils vraiment besoin d'être distingués?
e100

Je voulais dire, pourquoi les différents ensembles de points de données doivent-ils être distingués?
e100

2
@ e100 En d'autres termes, les couleurs sont utilisées ici pour indiquer l'appartenance à un groupe.
Alexey Popkov

1
Connexes: Existe
Alexey Popkov

Réponses:


65

Merci pour le bon travail

P. Green-Armytage (2010): Alphabet des couleurs et limites du codage des couleurs. // Couleur: Design & Créativité (5) (2010): 10, 1-23

(et à l'utilisateur ohadsc qui l'a référencé !) Je connais maintenant au moins 3 jeux de couleurs prédéfinis avec un contraste maximal ne contenant pas moins de 20 couleurs (mais je n'ai toujours des valeurs RBG explicites que pour l'une d'entre elles):

1) L'ensemble des 22 couleurs de contraste maximum proposé par Kenneth Kelly dans l'oeuvre:

K. Kelly (1965): Vingt-deux couleurs au contraste maximum. // Couleur Eng., 3 (6)

Spécificités (citant P. Green-Armytage): "L’ordre des couleurs dans la liste de Kelly a été planifié de manière à obtenir un contraste maximal entre les couleurs d’un jeu si le nombre requis de couleurs est toujours sélectionné dans l’ordre, en partant du haut. <.. .> Kelly s'est occupée des besoins des malvoyants. Les neuf premières couleurs seraient aussi différentes pour ces personnes que pour les personnes ayant une vision normale. Ces neuf couleurs se distinguent également par leur nom. "

Informations complémentaires (citant P. Green-Armytage): "L’ISCC a mis en place le comité de projet 54 dans le but de mettre à jour le travail de Kelly. Cependant, le comité a décidé que, pour ce qu’il essayait de faire, il ne pouvait pas s’améliorer. Les couleurs de Kelly. "

2) L'ensemble de 25 couleurs suggéré par Robert et Ellen Carter dans l'œuvre:

Robert C. Carter, Ellen C. Carter (1982): Jeux de couleurs à contraste élevé. // Appl. Optics, 21 (1982) 2936-2939.

Spécificités (citant P. Green-Armytage): "Carter et Carter font référence au travail de Kelly et vérifient son hypothèse selon laquelle la facilité avec laquelle une couleur peut être différenciée dépend de la distance qui les sépare dans l’espace colorimétrique. Des espaces colorimétriques disponibles au moment où ils ont choisi CIE L u v * comme étant le plus approprié pour leur étude. <...> Ils ont constaté que la capacité des personnes à identifier correctement les couleurs diminuait rapidement lorsque la distance entre les couleurs était inférieure à 40 unités CIE L u v *. " Dans leur travail, ils présentent un ensemble de 25 couleurs séparées par au moins 51,6 unités CIE L u v *.

3) Ensemble de 26 couleurs pour le projet d’alphabet de couleurs suggéré par Paul Green-Armytage dans l’ouvrage cité ci-dessus "Un alphabet de couleurs et les limites du code de couleur". Cet ensemble de couleurs est conçu pour être utilisé avec un fond blanc. Triplets RVB de cet ensemble sont: {240,163,255},{0,117,220},{153,63,0},{76,0,92},{25,25,25},{0,92,49},{43,206,72},{255,204,153},{128,128,128},{148,255,181},{143,124,0},{157,204,0},{194,0,136},{0,51,128},{255,164,5},{255,168,187},{66,102,0},{255,0,16},{94,241,242},{0,153,143},{224,255,102},{116,10,255},{153,0,0},{255,255,128},{255,255,0},{255,80,5}.

MISE À JOUR 1

4) Il existe un autre excellent article sur le sujet:

Zeileis, Hornik et Murrell (2009): Echapper à RGBland: Sélectionner les couleurs pour les graphiques statistiques // Statistiques de calcul et analyse des données Volume 53, numéro 9, 1er juillet 2009, pages 3259-3270

Cet article contient un bel ensemble de 26 couleurs distinctes sur la page 11:

Ensemble de couleurs Zeileis, Hornik et Murrell 2009

Triplets RVB de cet ensemble sont: {2,63,165},{125,135,185},{190,193,212},{214,188,192},{187,119,132},{142,6,59},{74,111,227},{133,149,225},{181,187,227},{230,175,185},{224,123,145},{211,63,106},{17,198,56},{141,213,147},{198,222,199},{234,211,198},{240,185,141},{239,151,8},{15,207,192},{156,222,214},{213,234,231},{243,225,235},{246,196,225},{247,156,212}.

MISE À JOUR 2

L'utilisateur Tatarize suggère dans son blog :

5) Un ensemble de 64 couleurs très différentes :

La série de 64 couleurs de Tatarize au maximum dissemblables

6) Un dictionnaire de couleurs de 269 couleurs au maximum distinctes de toutes les couleurs précédentes (j'ai utilisé cette fonction pour obtenir des triplets RVB à partir des codes hexadécimaux):

L'alphabet de couleur de Tatarize

Voici les codes hex de l'article de blog lié (liste complète des 269 codes hex de l'alphabet couleur de Tatarize caché dans l'historique des modifications pour en améliorer la lisibilité).

7) 256 couleurs distinctes .

MISE À JOUR 3

Applications Web potentiellement utiles:

MISE À JOUR 4

8) Liste de 20 couleurs simples et distinctes de Sasha Trubetskoy:

image

"J'ai créé une liste de couleurs facile à utiliser, optimisée pour tous les supports; non sans compromis, bien sûr, tels que des conversions CMJN inexactes. Le problème principal consiste à choisir des couleurs« pures »(100% magenta, par exemple) ou sécurisées pour le Web. Cela conduit à des palettes de couleurs gawdy, gênantes et déséquilibrées. C’est ce que j’essaie de créer une belle palette qui fonctionne bien pour les diagrammes en réseau ou en mode transit, ou pour les données catégoriques. "


1
C'est très utile, Alexey. Merci! Je me demande si vous avez trouvé quelque chose pour 1. des échelles de couleurs continues (dégradés) 2. des échelles de couleurs ou des jeux de couleurs qui conservent le contraste même après la conversion en niveaux de gris (une exigence dans les journaux APS, par exemple). graphicdesign.stackexchange.com/questions/7960/…
Szabolcs Le

Si besoin est, voici les codes hexadécimaux des couleurs dans le même ordre que sur l'image **** chaîne privée [,] graphColors = {{"# 023FA5", "# 7D87B9", "# BEC1D4" , "# D6BCC0", "# BB7784", "# FFFFFF"}, {"# 4A6FE3", "# 8595E1", "# B5BBE3", "# E6AFB9", "# E07B91", "# D33F6A"}, { "# 11C638", "# 8DD593", "# C6DEC7", "# EAD3C6", "# F0B98D", "# EF9708"}, {"# 0FCFC0", "# 9CDED6", "# D5EAE7", "# D5EAE7", "# D5EAE7" "," # F6C4E1 "," # F79CD4 "},};
alex440

Est-ce que quelqu'un a le code hexadécimal pour les couleurs dans la mise à jour 1?
redshift

2
@redshift Ils sont: "#023fa5", "#7d87b9", "#bec1d4", "#d6bcc0", "#bb7784", "#8e063b", "#4a6fe3", "#8595e1", "#b5bbe3", "#e6afb9", "#e07b91", "#d33f6a", "#11c638", "#8dd593", "#c6dec7", "#ead3c6", "#f0b98d", "#ef9708", "#0fcfc0", "#9cded6", "#d5eae7", "#f3e1eb", "#f6c4e1", "#f79cd4".
Alexey Popkov

pour créer des chaînes hexagonales séparées par des virgules de ceux, utilisez ce python oneliner: print("'" + "', '". ...: join('#'+''.join(f'{int(c):02x}' for c in col.split(',')) for col in colors.strip('{}').split('},{')) + "'").
moutons volants

18

La combinaison de "brillant", "facilement discernable" et "20 et plus" est délicate. Cela me rappelle "Notre travail est rapide, bon marché et de grande qualité. Choisissez-en deux." Je pense que vous pourriez laisser tomber "brillant" du mélange et simplement dire "contrasté". Cela simplifie la tâche, et je pense que cela vous mènera là où vous voulez être.

Je ne suis pas au courant d'un tel jeu, mais voici comment je procéderais avec Photoshop:

  • Créez un document vierge en mode couleur (RVB ou CMJN) que vous souhaitez utiliser. RVB est correct pour toutes les imprimantes de bureau et pour la visualisation à l'écran ou par projection. Utilisez CMJN uniquement si vous avez besoin de valeurs CMJN réelles.

  • Choisissez 5 couleurs de base uniformément réparties autour de la roue chromatique. Dans le paramètre Teinte, cela signifie 0, 60, 120, 180, 240 et 300. Ce sont vos points de départ. (Vous pouvez également remplacer les nuanciers par défaut par les ensembles Windows ou Mac disponibles dans le menu déroulant du panneau Nuancier et utiliser les 7ème-derniers-2 derniers-derniers.)

  • Pour chaque teinte, sélectionnez 5 ou 6 niveaux de luminosité et de saturation qui vous permettront de distinguer facilement les couleurs finales.

  • Au fur et à mesure que vous les trouvez, ajoutez-les à vos échantillons.

Si vous les configurez pour les générer par programme, il suffit de choisir la valeur qui correspond au modèle de couleur auquel vous allez faire face. Si vous devez utiliser Illustrator ou Flash pour les points, ajoutez ces étapes:

  • Supprimez toutes les autres nuances (Alt / Opt-clic pour supprimer) afin que tout ce que vous avez à gauche sont ceux que vous voulez.

  • Enregistrez les nuances en utilisant "Enregistrer les nuances pour Exchange ..." dans le menu déroulant Nuancier. Cela enregistre un fichier .ASE qui peut être chargé dans Illustrator, InDesign ou n’importe laquelle des autres applications Adobe.

J'espère que ça aide.

[Ajout après question élargi]

Les couleurs de base en hex sont les suivantes: 0xff0000 (rouge pur), 0xffff00 (jaune), 0x00ff00 (vert), 0x00ffff (cyan), 0x0000ff (bleu) et 0xff00ff (magenta). En faisant des expériences, j'ai trouvé le jaune pur trop proche, trop blanc pour être tout à fait utile, et le bleu nécessitait un point de départ différent car noir. De chaque couleur de base, vous pouvez vous en tirer avec 4 nuances. Étant donné que vous pouvez également utiliser des gris, cela permet une matrice 7x4 de ce que je considérerais comme des couleurs tout à fait utilisables, compte tenu de vos contraintes (et d'un manque présumé d'accès à Photoshop ou à une application similaire). Prenez une calculatrice et dérivez les valeurs décimales si vous en avez besoin! :-)

  • Pour tous sauf le jaune, le bleu et le gris, vos points de départ sont les couleurs pures. Réduisez les valeurs hexadécimales de ff à b0, 87 et 55 pour vos quatre nuances.

  • Pour le bleu, le "brillant" est b0b0ff, et les nuances sont 8484ff, 4949ff et 0000ff.

  • Pour le jaune: e4e400, baba00, 878700 et 545400 fonctionneront et, pour les valeurs de gris, les octets de poids faible seront identiques aux octets haut et moyen.

Mon tableau rapide et sale de ceux-ci (moins les gris) ressemble à ceci:

grille de couleurs


J'ai corrigé ma question: les couleurs doivent être contrastées (et aussi brillantes que possible). Le tracé est généré par programme et j'ai besoin des couleurs comme un ensemble de valeurs RVB. Je vous remercie.
Alexey Popkov

Voir la réponse développée. Je pense que cela vous mènera là où vous devez être.
Alan Gilbertson le

2
Relisez le paragraphe 2 de ma réponse. Vous avez demandé des valeurs RVB, pas Munsell; vous avez RVB. Celles-ci fonctionneront à vos fins, il n’est pas nécessaire de toutes les utiliser, et je vous ai donné les détails pour que vous ayez la possibilité de les modifier. Les contributeurs du site ne sont pas ici pour faire votre travail pour vous (voir la FAQ).
Alan Gilbertson le

2
Une correction des valeurs dans le commentaire de @ neu242 (où cyan et blue "fusionnent" et qui contient du blanc). Je pense que les couleurs d'Alan sont: #ff0000 #b00000 #870000 #550000 #e4e400 #baba00 #878700 #545400 #00ff00 #00b000 #008700 #005500 #00ffff #00b0b0 #008787 #005555 #b0b0ff #8484ff #4949ff #0000ff #ff00ff #b000b0 #870087 #550055 #e4e4e4 #bababa #878787 #545454mais je ne les utiliserais pas nécessairement dans cet ordre ...
MikeLimaOscar

2
... ici , ils sont à nouveau comme triplets RVB , mais « transposables »: {255,0,0}, {228,228,0}, {0,255,0}, {0,255,255}, {176,176,255}, {255,0,255}, {228,228,228}, {176,0,0}, {186,186,0}, {0,176,0}, {0,176,176}, {132,132,255}, {176,0,176}, {186,186,186}, {135,0,0}, {135,135,0}, {0,135,0}, {0,135,135}, {73,73,255}, {135,0,135}, {135,135,135}, {85,0,0}, {84,84,0}, {0,85,0}, {0,85,85}, {0,0,255}, {85,0,85}, {84,84,84}.
MikeLimaOscar

7

La palette de couleurs Solarized d'Ethan Schoonover est une approche intéressante .

De la descr .:

"Solarized est une palette de seize couleurs (huit monotones, huit couleurs d'accent) conçues pour être utilisées avec des applications de terminal et d'interface graphique."

Je pense que ce n'est pas seulement une belle palette de couleurs, mais aussi une couche extensible et une belle théorie derrière elle.


6

Il y a un défaut fondamental qui consiste à essayer de tracer 20 choses différentes dans un seul visuel. C'est beaucoup d'encombrement visuel et l'ajout de 20 couleurs ne fera qu'ajouter à cet encombrement.

J'envisagerais de repenser le visuel général si vous le pouvez. Peut-être le segmenter en 4 visuels de 5 couleurs chacun, mélanger et assortir les superpositions, etc.

Tufte est la ressource incontournable pour en savoir plus sur le traçage des données de manière à mieux communiquer l'objectif:

http://www.edwardtufte.com/tufte/


3

Vous pouvez essayer ce sélecteur de couleur. Il a été conçu pour les cartes, mais nous l’utilisons également pour les graphiques. Bonne chance!

http://colorbrewer2.org/

Max 12 couleurs cependant. Pardon. :)

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.