Paleta Otoño 27
Elige una muestraCódigo copiado
Nuancier en éventail
Un nuancier qui s'ouvre en éventail au survol ; chaque bande se soulève quand on l'appuie et copie son code hexadécimal.
Réglages
Code
<div class="uvq07-pan"><p class="ti">Palette Automne 27</p><div class="fn" role="group" aria-label="Nuances"><button type="button" style="--i:0;--sw:var(--c1)" aria-pressed="false"><span class="cl"></span><span class="lb"><b>18-1450</b><span>Tuile</span></span></button><button type="button" style="--i:1;--sw:#d9a441" aria-pressed="false"><span class="cl"></span><span class="lb"><b>14-0952</b><span>Moutarde</span></span></button><button type="button" style="--i:2;--sw:#9caf88" aria-pressed="false"><span class="cl"></span><span class="lb"><b>15-6316</b><span>Sauge</span></span></button><button type="button" style="--i:3;--sw:var(--c2)" aria-pressed="false"><span class="cl"></span><span class="lb"><b>19-4524</b><span>Bleu pétrole</span></span></button><button type="button" style="--i:4;--sw:#6b3a5b" aria-pressed="false"><span class="cl"></span><span class="lb"><b>19-2311</b><span>Prune</span></span></button><button type="button" style="--i:5;--sw:#e3d3b6" aria-pressed="false"><span class="cl"></span><span class="lb"><b>13-1012</b><span>Sable</span></span></button><button type="button" style="--i:6;--sw:#2e2e30" aria-pressed="false"><span class="cl"></span><span class="lb"><b>19-0303</b><span>Charbon</span></span></button><i class="rv" aria-hidden="true"></i></div><p class="st" aria-live="polite"><span class="nm">Choisis une nuance</span><span class="ok">Code copié</span></p></div>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Cartes
Voir tout : CartesOù l’utiliser
Imprimeurs et designers transportent encore des nuanciers, et le geste de les déployer est très satisfaisant. Sept bandes partagent un rivet comme pivot et tournent selon une propriété personnalisée qui augmente au survol ou au focus. Un appui soulève la bande, lit sa vraie couleur dans le style calculé et copie le code hexadécimal avec une courte confirmation. Pour systèmes de design, magasins de peinture et chartes de marque.
La première bande reprend la couleur principale et la quatrième la seconde, la palette suit donc ta marque. Modifie noms et codes dans la liste et utilise les flèches pour passer d'une bande à l'autre.