Follow

On complexifie un peu les choses

cw psychédélique, couleurs vives, motifs complexes

@digit
Comment choisis tu tes palettes ?
Je suis à la recherche d'un algorithme qui créerait à partir de 2 couleurs proposerait des palettes de couleurs accessibles entre elles (x couleurs de contraste minimum 4,5:1 entre elles).

@GuyMarty Celle ci est fixe, mais il y a des algorithmes qui permettent de construire les complémentaire, tétradique, triadique, etc. ou les couleurs analogues à une couleur :

la-cascade.io/theorie-des-coul

Il doit y avoir des algorithmes similaire pour des couleurs contrastées, il me semble même qu'il y avait un bot sur masto un peu comme ça

@digit
Le bot fournit des couleurs accessible par 2 et donne un nom à chaque couleur.
J'ai trouvé des générateurs de palettes mais pas de générateurs de palettes accessibles.

@GuyMarty Y a peut etre moyen de construire toutes les "tints" et les "shades" d'une couleur, qui correspondent à un contraste donné

@digit J'étais parti de la formule du w3c mais résoudre le système d'équations que cela engendre était un peu au dessus de mes capacités (et je n'ai pas osé par force brute : tirer au hasard une couleur et comparer aux couleurs retenues, j'avais peur que la recherche ne soit trop longue).

@GuyMarty C'est quoi la formule ? Tu as un lien qui traine ? ^^

@GuyMarty Mmm, si on considère que la relative luminance c'est plus ou moins la composante L de l'espace HSL, ça simplifie pas mal le truc. A partir de là, sachant un ratio, trouver L1 a partir de L2 et vice versa doit être faisable. Je jetterais un œil ^^

@GuyMarty En gros, en notant c le contraste (qui va de 1 à 21), tes équations c'est:

c = (L1 + 0.05) / (L2 + 0.05)

d'ou deux equations :

L1 = c * (L2 + 0.05) - 0.05

et

L2 = (1 / (L1 + 0.05)) - 0.05

Du coup, si tu connais une des deux luminances et le contraste voulu, y a plus qu'a appliquer. Genre si ta couleur la plus sombre a une luminance de L2 = 0.1, pour avoir un contraste de 5, faudra avoir un L1 = 5 * (0.1 + 0.05) - 0.05 = 0.7

@GuyMarty Du coup tu dois pouvoir faire un algo où tu prends deux teintes et une luminosité au hasard, et retrouver la seconde luminosité pour assurer un contraste fixé.
(après au lieu des deux couleurs au hasard, ça peut etre des couleurs complémentaires, aussi, ce sera peut être plus esthétique).

Ca doit pouvoir se généraliser à n couleurs.

Je sais pas si c'était ça que tu cherchais exactement, cela dit ^^

@digit
Est-ce que cela veux dire que dans l'espace HSL, si j'ai un contraste pour L1, L2 alors je peux choisir au hasard H1S1 et H2S2 ce contraste sera toujours respecté ?

@digit
Je ferai des essais.
Reste plus qu'à convertir HSL en RGB ou HSB gérés par Processing mais ce ne devrait pas être compliqué (je vais la faire façon mythe du cargo, j'ai vu qu'il y avait une fonction disponible en ligne).
Merci.

@digit Quand le Cosmos t'envoie des messages méta-psychiques en Morse.

@VioB

c̵͍̼̐̉o̴̱̪̐̍ư̷͎̈́̀r̶͚̿̓̚͜ť̴̘̩̲̱̾ ̷̪̝̬̅c̴̲̽̽͜͝ͅö̵̬̜ǔ̷̡͍͈r̵͚͕̝̆͌̽t̸̨̟̦̔̔̀͒͜ ̵̡̒͐l̵̜̂̓̎̓ơ̵̰̮͉͙͊̕̕n̵̖͇̄g̴̗̱̃

@digit .͏̧҉_͟.̕ ͜.͡_͜͞.̡͡ ̴̛͘.̕͢_̴.͠ ̢͢.̵_͟͜.͠͝ ͘.̧_̡̕.̨

Sign in to participate in the conversation
Mastodon.ART

Mastodon.ART — Your friendly creative home on the Fediverse! Interact with friends and discover new ones, all on a platform that is community-owned and ad-free. Admin: @Curator. Moderators: @EmergencyBattle, @ScribbleAddict, @Adamk678, @Otherbuttons