UUUP Tools

Outils de design

Convertisseur de couleurs – HEX, RVB, HSL en ligne

Convertissez les couleurs parmi les variables HEX, RVB, HSL, HWB, CMJN et CSS dans votre navigateur. Comprend un sélecteur de couleurs et un assistant de couleurs aléatoires pour le transfert de conception, le travail sur les feuilles de style et l'alignement des couleurs de la marque.

Accès rapide→Générateur de palettes
CouleurHEXRVB
Accès rapide:Générateur de palettesGénérateur de dégradé CSSHarmoniseur de couleurs

Ajouter cet outil aux favoris

Aucun mode de stockage des favoris n’a été sélectionné.

Actions rapides

Retour à Outils de design Parcourir tous les outils

Copiez l’URL de cet outil ou ouvrez la feuille de partage du système sur un appareil compatible.

Cas d’usage

  • Convertir une couleur d'un outil de conception en formats compatibles CSS
  • Basculer entre HEX, RVB et HSL pour correspondre à un guide de style
  • Exporter un extrait de variable CSS pour la configuration du thème

Mode d’emploi

  1. Choisissez une couleur ou saisissez du texte HEX, RVB ou HSL
  2. Examinez HEX, RVB, HSL, HWB, CMJN et les sorties associées
  3. Cliquez sur n'importe quelle ligne de sortie pour copier sa valeur

Exemples d’entrée et de sortie

Entrée

#0d9488

Sortie

rgb(13, 148, 136) / hsl(174, 84%, 32%) / --color: #0d9488;

FAQ

Quels formats d'entrée sont pris en charge ?

Prend en charge le texte #HEX, rgb(), hsl() et le sélecteur de couleurs. La sortie inclut HEX, HEX8, RVB, HSL, HWB, CMJN et un exemple de variable CSS.

Puis-je modifier la transparence ?

La conversion se concentre sur les couleurs opaques. HEX8 inclut un canal alpha FF fixe pour la compatibilité d'affichage et n'est pas un éditeur alpha complet.

Outils

Outils associés

Poursuivez avec un autre outil traduit pour une tâche proche.

Générateur de palettes

Générateur de palettes — Jeux de couleurs basés sur des règles

Disponible

Générez des palettes avec des règles monochromes, analogues, complémentaires, triadiques ou entièrement aléatoires. Verrouillez les échantillons individuels et continuez à randomiser le reste pour l'exploration de l'interface utilisateur et les dérivés de couleur de marque.

Palette Couleur Harmonie
Ouvrir l’outil

Générateur de dégradé CSS

Générateur de dégradé CSS – Linéaire, Radial, Conique

Disponible

Créez visuellement des dégradés CSS linéaires, radiaux et coniques. Ajustez l'angle et les positions des arrêts, ajoutez plusieurs arrêts et copiez le CSS pour les arrière-plans, les boutons et les transitions de marque.

CSS Dégradé Arrière-plan
Ouvrir l’outil

Harmoniseur de couleurs

Harmoniseur de couleurs — Règles d'harmonie classiques

Disponible

Choisissez une couleur de base et générez des schémas avec des règles complémentaires, analogues, triadiques, tétradiques, complémentaires ou monochromatiques. Prévisualisez l'utilisation de l'interface utilisateur et exportez les variables CSS pour le travail de la marque et des composants.

Palette Couleur Harmonie
Ouvrir l’outil