Paleta de colores Tropical Ocean Breeze

Descubre la hermosa paleta de colores Tropical Ocean Breeze que presenta bright turquoise (#39e9f9), cyan / aqua (#05eafa), bright turquoise (#1bcff3), picton blue (#1db5ed) and curious blue (#249be5).

Brillo

Saturación

Calidez

Nuestro generador de paletas de colores creó este esquema de color versátil que comparte características conTurquoise, Bright, Vibrant, Modern, Summer, Tropical 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 Tropical Ocean Breeze

Compartir esta paleta en:

💻 CSS de la paleta de colores Tropical Ocean Breeze

/* CSS */
.color-1 {
color: #39e9f9;
}
.color-2 {
color: #05eafa;
}
.color-3 {
color: #1bcff3;
}
.color-4 {
color: #1db5ed;
}
.color-5 {
color: #249be5;
}

/* CSS Variables */
:root {
--color-1: #39e9f9;
--color-2: #05eafa;
--color-3: #1bcff3;
--color-4: #1db5ed;
--color-5: #249be5;
}

🌈 CSS del degradado de fondo Tropical Ocean Breeze

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #39e9f9, #05eafa, #1bcff3, #1db5ed, #249be5);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #39e9f9, #05eafa, #1bcff3, #1db5ed, #249be5);
}

Tropical Ocean Breeze color palette created on .