
Rueda de colores de Figma
¿Quieres encontrar los colores complementarios o análogos perfectos para combinar con ámbar?
Saltar al contenido principal
Todo lo que necesitas saber sobre ámbar para inspirar tu próximo diseño.
El ámbar es un color cálido y acogedor que combina el resplandor dorado del amarillo con la riqueza del naranja. Emana una vibra soleada y alegre que captura la esencia de su homónimo, la resina de árbol fosilizada. Se sitúa entre el amarillo y el naranja en la rueda de colores, lo que lo hace perfecto para añadir un toque de calidez y luminosidad a los diseños y mejorar los visuales con su atractivo radiante y acogedor.

El ámbar se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
La accesibilidad juega un papel clave en la elección de colores en el diseño UX y UI. La comunidad de Figma ofrece plugins para ayudarte a cumplir con las Web Content Accessibility Guidelines.
Los tonos ricos y dorados del ámbar aportan calidez y vitalidad al diseño de interfaces. Aquí te mostramos cómo aprovechar su potencial de manera efectiva:
Ten en cuenta que el color y su significado pueden variar según la cultura y el contexto. Si diseñas para una audiencia internacional, investiga cómo se perciben los colores en cada país.
Para variaciones dentro del mismo espectro radiante y cálido que el ámbar, considera:
Para complementar los tonos resplandecientes del ámbar, considera emparejarlo con:
Otros colores que vale la pena considerar incluyen azul marino para un aspecto clásico y digno, crema para una mezcla suave y armoniosa, y burdeos para un contraste audaz y dramático.
Aunque el ámbar es versátil, puede chocar con:
Con su belleza natural y resplandor similar al sol, el ámbar representa calidez, confort y nostalgia. Sus aspectos amarillos aportan brillo y optimismo, y sus tonos naranjas inspiran creatividad. A través de las culturas, el valor del ámbar varía: en la antigua Grecia, se veía como un regalo divino de Apolo, simbolizando la vida eterna; en la cultura china, representa coraje y fuerza. En la tradición nativa americana, es un talismán protector.
En la psicología del color, el tono alegre del ámbar promueve energía, estimulando los sentidos y despertando entusiasmo y emoción.
En el diseño de UI/UX, el ámbar hace que las interfaces de usuario sean más atractivas. Destaca características importantes como CTAs y notificaciones, mejorando el compromiso del usuario. El ámbar puede crear una atmósfera cálida y acogedora, utilizando sus efectos psicológicos para mejorar la experiencia del usuario. Esto puede hacer que la marca parezca amigable y animada.
El nombre ámbar se origina del material conocido como ámbar, una resina de árbol fosilizada admirada durante siglos por su belleza natural y resplandor cálido. El uso de "ámbar" como nombre de color se documentó por primera vez en inglés en 1500.
Históricamente, el ámbar se asoció con la magia, la espiritualidad e incluso la curación. Las civilizaciones antiguas elaboraban ámbar en joyas, amuletos y objetos decorativos, que a menudo eran símbolos de riqueza y estatus.
Sombras
Tintes
Tonos
Matices
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Panal
Día soleado
Recién exprimido
Contraste 1,65
#FFBF00
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 12,7
#FFBF00
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Aprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #ffbf00, también conocido como Ámbar, tiene valores RGB de R:255, G:191, B:0 y valores CMYK de C:0, M:25, Y:100, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ffbf00 | #ffbf00 |
| RGB DECIMAL | 255, 191, 0 | RGB(255,191,0) |
| RGB PERCENTAGE | 100.0, 74.9, 0.0 | RGB(100.0%,74.9%,0.0%) |
| CMYK | 0, 25, 100, 0 | |
| HSL | HSL(44.9, 100.0%, 50.0%) | HSL(44.9, 100.0%, 50.0%) |
| HSV (OR HSB) | 44.9°, 100.0, 100.0 | |
| WEB SAFE | #2552040 | #2552040 |
| BINARY | 11111111, 10111111, 00000000 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.749, blue: 0.000) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.749, blue: 0.000, alpha: 1) | |
| Android - Compose | Color(0xFFFFBF00) |

¿Quieres encontrar los colores complementarios o análogos perfectos para combinar con ámbar?

Aprende más sobre el color azul marino.

Aprende más sobre el verde bosque.