Paleta de colores Japanese Phoenix

Descubre la hermosa paleta de colores Japanese Phoenix que presenta orange roughy (#ba4b1c), ochre (#d17223), raw sienna (#d59648), harvest gold (#ddaa73) and old rose (#bc8a76).

Brillo

Saturación

Calidez

Nuestro generador de paletas de colores creó este esquema de color versátil que comparte características conRed, Orange, Yellow, Earthy, Warm, Autumn, Beige, Muted, Boho, Coastal paletas de colores y combinaciones.

💡 Lo que puedes hacer

ColorMagic te facilita:
  • •Copiar códigos HEX precisos y valores RGB para tus diseños
  • •Ajustar su brillo, saturación y calidez para crear nuevas variaciones
  • •Previsualizar componentes de UI para ver cómo funcionan los colores en interfaces reales
  • •Copiar código CSS incluyendo degradados de fondo y variables de color
  • •Descargar la paleta
  • •Compartir tu paleta con miembros del equipo y clientes

🎨 Previsualizar componentes de UI

Ejemplos de UI

Explora hermosos componentes de UI con la paleta Japanese Phoenix

Compartir esta paleta en:

💻 CSS de la paleta de colores Japanese Phoenix

/* CSS */
.color-1 {
color: #ba4b1c;
}
.color-2 {
color: #d17223;
}
.color-3 {
color: #d59648;
}
.color-4 {
color: #ddaa73;
}
.color-5 {
color: #bc8a76;
}

/* CSS Variables */
:root {
--color-1: #ba4b1c;
 --color-2: #d17223;
 --color-3: #d59648;
 --color-4: #ddaa73;
 --color-5: #bc8a76;
 }

🌈 CSS del degradado de fondo Japanese Phoenix

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ba4b1c, #d17223, #d59648, #ddaa73, #bc8a76);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ba4b1c, #d17223, #d59648, #ddaa73, #bc8a76);
}

🔗 Explorar paletas de colores similares

Japanese Phoenix color palette created on .