clamp() est une fonction mathématique CSS qui fixe une valeur entre un minimum et un maximum : clamp(MIN, VAL, MAX). Elle renvoie VAL tant qu'il reste entre MIN et MAX — quand VAL passe sous MIN elle renvoie MIN, et quand il dépasse MAX elle renvoie MAX. Cela rend la typographie fluide possible sans media queries.
Définissez vos tailles de police minimale et maximale, plus la plage de viewport où le scaling se produit. L'outil calcule la formule parfaite basée sur vw et affiche un aperçu de la taille de police à six largeurs de viewport, plus une courbe montrant l'évolution de la taille sur toute la plage.
Frequently Asked Questions
Q: Que fait clamp() en CSS ?
Que fait clamp() en CSS ? clamp(MIN, VAL, MAX) choisit une valeur entre MIN et MAX. Si VAL est inférieur à MIN elle renvoie MIN, si supérieur à MAX elle renvoie MAX, sinon elle renvoie VAL. Parfait pour des tailles fluides qui ne deviennent jamais trop petites ni trop grandes.
Q: En quoi clamp() diffère-t-il de min() et max() ?
En quoi clamp() diffère-t-il de min() et max() ? min() choisit la plus petite valeur, max() la plus grande, et clamp() combine les deux : il borne la valeur médiane entre une limite inférieure et une limite supérieure. clamp() est le cheval de bataille de la typographie fluide.
Q: clamp() est-il supporté dans tous les navigateurs ?
clamp() est-il supporté dans tous les navigateurs ? Oui. clamp(), min() et max() sont supportés dans tous les navigateurs modernes depuis 2020 (Chrome 79+, Firefox 75+, Safari 13.1+).
Q: Quelles tailles de viewport utiliser pour la typographie fluide ?
Quelles tailles de viewport utiliser pour la typographie fluide ? Les plages courantes sont 320px-1200px pour les sites généraux, ou 360px-768px pour les projets mobile-first. Au-delà de vmax la taille reste fixée au maximum — c'est intentionnel.
Q: Puis-je utiliser clamp() pour l'espacement aussi ?
Puis-je utiliser clamp() pour l'espacement aussi ? Oui. Les paddings et gaps fluides utilisent la même formule : clamp(16px, 4vw, 48px). L'espacement fluide garde le rythme entre appareils sans media queries supplémentaires.
Couleurs de France
Du bleu de France au rouge coquelicot, la palette française puise dans la mode, l'art et le patrimoine. Des couleurs élégantes et raffinées qui ont marqué l'histoire du design mondial.
Bleu de France #318CE7Le bleu national utilisé depuis les rois capétiens
Rouge Coquelicot #FF3800Le rouge éclatant des champs de coquelicots
Vert Émeraude #50C878La couleur emblématique des bijoux et de la joaillerie
Jaune de Naples #FADA5EPigment historique des peintres depuis la Renaissance
Rose Bonbon #F9429ELe rose sucré de la confiserie et de la mode
Bleu Roi #4169E1Le bleu royal des armoiries et de Versailles
Bordeaux #800020Le rouge sombre des vins de la région bordelaise
Gris Perle #B0B7C3L'élégance discrète des intérieurs parisiens
Lavande #967BB6Les champs de Provence en été
Crème #FFFDD0La douceur des façades haussmanniennes
Q: Qu'est-ce que le bleu de France ?
Qu'est-ce que le bleu de France ? Le bleu de France (#318CE7) est la couleur nationale française, héritée du bleu des armoiries royales depuis le XIIe siècle, reprise aujourd'hui par les équipes sportives nationales.
Q: Qu'est-ce que le rouge coquelicot ?
Qu'est-ce que le rouge coquelicot ? Le coquelicot (#FF3800) est un rouge-orangé vif nommé d'après les fleurs de coquelicot qui fleurissent dans les champs français, popularisé par les impressionnistes.