Color de Fondo de Discord
Copia códigos hex del tema oscuro, claro, blurple y estados • Selector HEX / RGB / HSL personalizado
Fondos del Tema Oscuro
Haz clic en cualquier muestra para copiar su código hex
Fondos del Tema Claro
Haz clic en cualquier muestra para copiar su código hex
Blurple de Marca
Haz clic en cualquier muestra para copiar su código hex
Estado y Presencia
Haz clic en cualquier muestra para copiar su código hex
Selector de Color Personalizado
Elige o pega un color para obtener HEX, RGB y HSL
Los códigos hex exactos detrás de la interfaz de Discord
La interfaz de Discord se basa en un conjunto pequeño y fijo de valores hex — los grises de los temas oscuro y claro, el blurple de marca y los puntos de presencia. Conocer los códigos exactos hace que tu arte, roles y embeds encajen al ras con la interfaz nativa.
Los tres grises del tema oscuro
La pregunta de color de Discord más buscada tiene una respuesta precisa. En el tema oscuro que usa la mayoría, el área principal del chat es #313338. Las barras laterales de canales y miembros van un tono más oscuro en #2B2D31, y el riel de servidores de la izquierda es el más oscuro en #1E1F22.
Esta jerarquía de tres pasos es por qué la profundidad se lee limpia en la app. Si diseñas un PNG transparente de emoji, sticker o icono de rol, previsualizarlo sobre #313338 te muestra exactamente cómo se verá en la mayoría de los servidores — el arte oscuro que se perdería en esa superficie se hace obvio antes de subirlo.
Por qué diseñas para ambos temas a la vez
El tema claro invierte la jerarquía: el área principal pasa a #FFFFFF con paneles laterales en #F2F3F5. Como un solo recurso se muestra en ambos temas, un emoji o icono que se ve perfecto en oscuro puede desaparecer en blanco — un glifo claro sobre fondo transparente es el fallo clásico.
Conviene comprobar que los detalles finos y los bordes aguantan tanto en blanco como sobre el fondo oscuro #313338. Un contorno sutil, un borde blanco tipo troquel o una forma con su propio relleno mantiene el arte legible en todos lados, sin importar el tema que haya elegido quien lo ve.
El blurple, viejo y nuevo
El color de marca de Discord es el blurple #5865F2, adoptado en el rediseño de 2021; el blurple anterior, más claro, era #7289DA, y un #4752C4 más oscuro es común para estados de botón presionado. Igualar estos mantiene los gráficos personalizados y los acentos de embed consistentes con la interfaz nativa.
El blurple también es una elección segura y de alto contraste para colores de rol y botones porque se ajustó para leerse en ambos temas. Copia el valor exacto en vez de calcularlo a ojo — un blurple casi acertado se ve mal en cuanto queda junto al propio cromado de Discord.
Puntos de estado y el selector personalizado
Los puntos de presencia usan un conjunto fijo: verde en línea #23A55A, ámbar ausente #F0B232, rojo no molestar #F23F43, morado transmitiendo #593695 y gris desconectado #80848E. Igualar estos valores mantiene los gráficos temáticos de estado y los colores de rol consistentes con lo que los miembros ya reconocen.
Cada muestra copia su código hex con un clic, y el selector personalizado convierte cualquier color a HEX, RGB y HSL para tu herramienta de diseño. Muestrea un color una vez aquí y pega el valor exacto en Figma, Photoshop o tu CSS sin un segundo paso de conversión.
Preguntas Frecuentes
¿De qué color es el fondo de Discord?
En el tema oscuro actual, el fondo principal del chat es #313338, con una barra lateral un poco más oscura en #2B2D31 y el riel de servidores más oscuro en #1E1F22. El tema claro usa #FFFFFF para el área principal y #F2F3F5 para los paneles laterales. Puedes copiar cualquiera de estos códigos hex desde la paleta.
¿Cuál es el código hex del blurple de Discord?
El blurple de marca de Discord es #5865F2. El blurple anterior, más claro, usado antes del rediseño de 2021, es #7289DA, y un tono más oscuro para estados de botón presionado es #4752C4. Copia cualquiera desde las muestras de marca en HEX, RGB o HSL.
¿Cuáles son los colores de estado de Discord?
En línea es verde #23A55A, Ausente es ámbar #F0B232, No molestar es rojo #F23F43, Transmitiendo es morado #593695 y Desconectado o Invisible es gris #80848E. Aparecen en el pequeño punto de presencia sobre el avatar, y cada uno se copia con un clic.
¿Cómo combino un color con el tema oscuro y claro de Discord?
Usa el selector personalizado para muestrear cualquier color y leer sus valores exactos HEX, RGB y HSL, luego previsualízalo sobre el oscuro #313338 y el claro #FFFFFF. Revisar ambos temas asegura que banners, emojis e iconos de rol se lean bien sin importar el modo del miembro.
¿Qué color debo usar para un rol o el acento de un embed de Discord?
Los colores de rol y las barras laterales de los embeds toman un solo valor hex, así que elige uno con suficiente contraste sobre el fondo oscuro #313338 — el blurple de marca #5865F2 o un tono medio saturado se lee claro, mientras que los valores muy oscuros o muy claros se desvanecen. Muestrea y copia cualquier hex del selector.