Irodori彩り

À propos d’Irodori

Irodori est un site d’outils couleur modernes qui fonctionne entièrement dans le navigateur. Il réunit les systèmes de couleurs traditionnelles d’Asie de l’Est (JP/CN/KR/VN) et les espaces perceptuellement uniformes comme OKLCH, avec WCAG en priorité.

01

Ce que nous construisons

Irodori réunit sur un même bureau les systèmes de couleurs traditionnelles d’Asie de l’Est et les espaces colorimétriques modernes à perception uniforme. Tu extrais une couleur d’une photo, tu la convertis en OKLCH, tu la confrontes au WCAG et tu lis son nom traditionnel — et la page ne parle jamais à un serveur.

02

L’outillage

Vingt-deux outils de couleur et six palettes de design system fonctionnent entièrement dans le navigateur : conversion, contraste, simulation de daltonisme, génération de palettes, dégradés, ΔE, échelles, correspondance RAL et conversion en masse. Rien n’est envoyé, rien n’est mis en file d’attente, aucun compte n’est requis.

03

Couleurs traditionnelles

Soixante-six couleurs traditionnelles du Japon, de Chine, de Corée et du Vietnam accompagnent la bibliothèque moderne. Les noms restent dans leur écriture d’origine — 藍, 群青, 송화, thủy — car un nom de couleur traduit n’est plus le nom de la couleur. Les valeurs sont revues avec des consultants culturels et peuvent encore être corrigées.

04

L’accessibilité est une fonction, pas un réglage

Vérification du contraste, simulation de daltonisme et détection des collisions sont posés à côté des générateurs, pas cachés derrière. Une palette qui passe les tests ΔE peut rester inutilisable pour une personne deutéranope : nous affichons donc les deux chiffres côte à côte.

05

Techniques

Astro rend chaque page en HTML statique au moment de la construction. Le moteur de couleur est du TypeScript pur exécuté dans le navigateur ; les Cloudflare Pages Functions n’ajoutent que les points d’accès facultatifs de compte, de partage et d’API. Aucun framework client, aucune analyse, aucun script ni police tierce.

06

À qui cela s’adresse

Les designers qui choisissent une palette, les développeurs qui écrivent des jetons de couleur, les relecteurs d’accessibilité qui audite une interface en production, et quiconque veut savoir à quoi ressemble vraiment une couleur traditionnelle à l’écran.