Colores

Aquí descubriras una paleta diseñada de Quickly para dar vida a tus proyectos, con colores primarios (rojo, azul, verde) que transmiten energía y confianza; colores secundarios (amarillo, naranja, púrpura) que añaden creatividad y elegancia; y colores neutros (blanco, negro, gris) que proporcionan equilibrio y sofisticación. Esta combinación mejora la experiencia del usuario, creando una identidad visual coherente y atractiva. ¡Explora nuestra paleta y transforma tu diseño!

Colores para textos básicos de Quickly

Quickly ofrece 12 colores de texto especialmente diseñados para diversas necesidades de usabilidad en tus proyectos. Además, dispones de más de 300 colores adicionales, cada uno con su propia clase para color y fondo. Solo necesitas aplicar la clase correspondiente para utilizar cada color.

Clase	Descripción
.color-Opción-N°	Color-Opción-Número. Estas clases definen el color seguido de la opción, el nombre del color y, finalmente, el número del color según su intensidad, de mayor a menor. Cuanto menor sea el número, más intenso será el color.
.bg-Opción-N°	Background-Opción-Número. Estas clases indican que la clase solo se puede usar para colores de fondo. Su nomenclatura se traduce en indicación de fondo, seguida de la opción de color y, finalmente, la intensidad del color.

Colores

Ponemos a tu disposición 300 colores, cada uno con su correspondiente clase para color y fondo. Ahora solo necesitas aplicar la clase correspondiente para utilizarlo.

Básicos de Quickly

.bg-resolutionBlue

.color-resolutionBlue

.bg-lightblue

.color-lightblue

.bg-white

.color-white

.bg-black

.color-black

.bg-gray

.color-gray

Genéricos

.color-1

.bg-color-1

.color-2

.bg-color-2

.color-3

.bg-color-3

.color-4

.bg-color-4

.color-5

.bg-color-5

White

.color-white-1

.bg-white-1

.color-white-2

.bg-white-2

.color-white-3

.bg-white-3

.color-white-4

.bg-white-4

.color-white-5

.bg-white-5

Blue

.color-blue-1

.bg-blue-1

.color-blue-2

.bg-blue-2

.color-blue-3

.bg-blue-3

.color-blue-4

.bg-blue-4

.color-blue-5

.bg-blue-5

.color-blue-6

.bg-blue-6

.color-blue-7

.bg-blue-7

.color-blue-8

.bg-blue-8

.color-blue-9

.bg-blue-9

.color-blue-10

.bg-blue-10

Gray

.color-gray-1

.bg-gray-1

.color-gray-2

.bg-gray-2

.color-gray-3

.bg-gray-3

.color-gray-4

.bg-gray-4

.color-gray-5

.bg-gray-5

.color-gray-6

.bg-gray-6

.color-gray-7

.bg-gray-7

.color-gray-8

.bg-gray-8

.color-gray-9

.bg-gray-9

.color-gray-10

.bg-gray-10

Green

.color-green-1

.bg-green-1

.color-green-2

.bg-green-2

.color-green-3

.bg-green-3

.color-green-4

.bg-green-4

.color-green-5

.bg-green-5

.color-green-6

.bg-green-6

.color-green-7

.bg-green-7

.color-green-8

.bg-green-8

.color-green-9

.bg-green-9

.color-green-10

.bg-green-10

Red

.color-red-1

.bg-red-1

.color-red-2

.bg-red-2

.color-red-3

.bg-red-3

.color-red-4

.bg-red-4

.color-red-5

.bg-red-5

.color-red-6

.bg-red-6

.color-red-7

.bg-red-7

.color-red-8

.bg-red-8

.color-red-9

.bg-red-9

.color-red-10

.bg-red-10

Yellow

.color-yellow-1

.bg-yellow-1

.color-yellow-2

.bg-yellow-2

.color-yellow-3

.bg-yellow-3

.color-yellow-4

.bg-yellow-4

.color-yellow-5

.bg-yellow-5

.color-yellow-6

.bg-yellow-6

.color-yellow-7

.bg-yellow-7

.color-yellow-8

.bg-yellow-8

.color-yellow-9

.bg-yellow-9

.color-yellow-10

.bg-yellow-10

Sky blue

.color-skyblue-1

.bg-skyblue-1

.color-skyblue-2

.bg-skyblue-2

.color-skyblue-3

.bg-skyblue-3

.color-skyblue-4

.bg-skyblue-4

.color-skyblue-5

.bg-skyblue-5

.color-skyblue-6

.bg-skyblue-6

.color-skyblue-7

.bg-skyblue-7

.color-skyblue-8

.bg-skyblue-8

.color-skyblue-9

.bg-skyblue-9

.color-skyblue-10

.bg-skyblue-10

Pink

.color-pink-1

.bg-pink-1

.color-pink-2

.bg-pink-2

.color-pink-3

.bg-pink-3

.color-pink-4

.bg-pink-4

.color-pink-5

.bg-pink-5

.color-pink-6

.bg-pink-6

.color-pink-7

.bg-pink-7

.color-pink-8

.bg-pink-8

.color-pink-9

.bg-pink-9

.color-pink-10

.bg-pink-10

Orange

.color-orange-1

.bg-orange-1

.color-orange-2

.bg-orange-2

.color-orange-3

.bg-orange-3

.color-orange-4

.bg-orange-4

.color-orange-5

.bg-orange-5

.color-orange-6

.bg-orange-6

.color-orange-7

.bg-orange-7

.color-orange-8

.bg-orange-8

.color-orange-9

.bg-orange-9

.color-orange-10

.bg-orange-10

Purple

.color-purple-1

.bg-purple-1

.color-purple-2

.bg-purple-2

.color-purple-3

.bg-purple-3

.color-purple-4

.bg-purple-4

.color-purple-5

.bg-purple-5

.color-purple-6

.bg-purple-6

.color-purple-7

.bg-purple-7

.color-purple-8

.bg-purple-8

.color-purple-9

.bg-purple-9

.color-purple-10

.bg-purple-10

300 Colores adicionales

Vivid Red

.color-vivid-red-1

.bg-vivid-red-1

.color-vivid-red-2

.bg-vivid-red-2

.color-vivid-red-3

.bg-vivid-red-3

.color-vivid-red-4

.bg-vivid-red-4

.color-vivid-red-5

.bg-vivid-red-5

.color-vivid-red-6

.bg-vivid-red-6

.color-vivid-red-7

.bg-vivid-red-7

.color-vivid-red-8

.bg-vivid-red-8

.color-vivid-red-9

.bg-vivid-red-9

.color-vivid-red-10

.bg-vivid-red-10

Coral

.color-coral-1

.bg-coral-1

.color-coral-2

.bg-coral-2

.color-coral-3

.bg-coral-3

.color-coral-4

.bg-coral-4

.color-coral-5

.bg-coral-5

.color-coral-6

.bg-coral-6

.color-coral-7

.bg-coral-7

.color-coral-8

.bg-coral-8

.color-coral-9

.bg-coral-9

.color-coral-10

.bg-coral-10

Dandelion

.color-dandelion-1

.bg-dandelion-1

.color-dandelion-2

.bg-dandelion-2

.color-dandelion-3

.bg-dandelion-3

.color-dandelion-4

.bg-dandelion-4

.color-dandelion-5

.bg-dandelion-5

.color-dandelion-6

.bg-dandelion-6

.color-dandelion-7

.bg-dandelion-7

.color-dandelion-8

.bg-dandelion-8

.color-dandelion-9

.bg-dandelion-9

.color-dandelion-10

.bg-dandelion-10

Sun Yellow

.color-sun-yellow-1

.bg-sun-yellow-1

.color-sun-yellow-2

.bg-sun-yellow-2

.color-sun-yellow-3

.bg-sun-yellow-3

.color-sun-yellow-4

.bg-sun-yellow-4

.color-sun-yellow-5

.bg-sun-yellow-5

.color-sun-yellow-6

.bg-sun-yellow-6

.color-sun-yellow-7

.bg-sun-yellow-7

.color-sun-yellow-8

.bg-sun-yellow-8

.color-sun-yellow-9

.bg-sun-yellow-9

.color-sun-yellow-10

.bg-sun-yellow-10

Green Lime

.color-green-lime-1

.bg-green-lime-1

.color-green-lime-2

.bg-green-lime-2

.color-green-lime-3

.bg-green-lime-3

.color-green-lime-4

.bg-green-lime-4

.color-green-lime-5

.bg-green-lime-5

.color-green-lime-6

.bg-green-lime-6

.color-green-lime-7

.bg-green-lime-7

.color-green-lime-8

.bg-green-lime-8

.color-green-lime-9

.bg-green-lime-9

.color-green-lime-10

.bg-green-lime-10

Field Green

.color-field-green-1

.bg-field-green-1

.color-field-green-2

.bg-field-green-2

.color-field-green-3

.bg-field-green-3

.color-field-green-4

.bg-field-green-4

.color-field-green-5

.bg-field-green-5

.color-field-green-6

.bg-field-green-6

.color-field-green-7

.bg-field-green-7

.color-field-green-8

.bg-field-green-8

.color-field-green-9

.bg-field-green-9

.color-field-green-10

.bg-field-green-10

Seafoam Green

.color-seafoam-green-1

.bg-seafoam-green-1

.color-seafoam-green-2

.bg-seafoam-green-2

.color-seafoam-green-3

.bg-seafoam-green-3

.color-seafoam-green-4

.bg-seafoam-green-4

.color-seafoam-green-5

.bg-seafoam-green-5

.color-seafoam-green-6

.bg-seafoam-green-6

.color-seafoam-green-7

.bg-seafoam-green-7

.color-seafoam-green-8

.bg-seafoam-green-8

.color-seafoam-green-9

.bg-seafoam-green-9

.color-seafoam-green-10

.bg-seafoam-green-10

Electric Blue

.color-electric-blue-1

.bg-electric-blue-1

.color-electric-blue-2

.bg-electric-blue-2

.color-electric-blue-3

.bg-electric-blue-3

.color-electric-blue-4

.bg-electric-blue-4

.color-electric-blue-5

.bg-electric-blue-5

.color-electric-blue-6

.bg-electric-blue-6

.color-electric-blue-7

.bg-electric-blue-7

.color-electric-blue-8

.bg-electric-blue-8

.color-electric-blue-9

.bg-electric-blue-9

.color-electric-blue-10

.bg-electric-blue-10

Maya Blue

.color-maya-blue-1

.bg-maya-blue-1

.color-maya-blue-2

.bg-maya-blue-2

.color-maya-blue-3

.bg-maya-blue-3

.color-maya-blue-4

.bg-maya-blue-4

.color-maya-blue-5

.bg-maya-blue-5

.color-maya-blue-6

.bg-maya-blue-6

.color-maya-blue-7

.bg-maya-blue-7

.color-maya-blue-8

.bg-maya-blue-8

.color-maya-blue-9

.bg-maya-blue-9

.color-maya-blue-10

.bg-maya-blue-10

Ultramarine Blue

.color-ultramarine-blue-1

.bg-ultramarine-blue-1

.color-ultramarine-blue-2

.bg-ultramarine-blue-2

.color-ultramarine-blue-3

.bg-ultramarine-blue-3

.color-ultramarine-blue-4

.bg-ultramarine-blue-4

.color-ultramarine-blue-5

.bg-ultramarine-blue-5

.color-ultramarine-blue-6

.bg-ultramarine-blue-6

.color-ultramarine-blue-7

.bg-ultramarine-blue-7

.color-ultramarine-blue-8

.bg-ultramarine-blue-8

.color-ultramarine-blue-9

.bg-ultramarine-blue-9

.color-ultramarine-blue-10

.bg-ultramarine-blue-10

Slate Blue

.color-slate-blue-1

.bg-slate-blue-1

.color-slate-blue-2

.bg-slate-blue-2

.color-slate-blue-3

.bg-slate-blue-3

.color-slate-blue-4

.bg-slate-blue-4

.color-slate-blue-5

.bg-slate-blue-5

.color-slate-blue-6

.bg-slate-blue-6

.color-slate-blue-7

.bg-slate-blue-7

.color-slate-blue-8

.bg-slate-blue-8

.color-slate-blue-9

.bg-slate-blue-9

.color-slate-blue-10

.bg-slate-blue-10

Heliotrope

.color-heliotrope-1

.bg-heliotrope-1

.color-heliotrope-2

.bg-heliotrope-2

.color-heliotrope-3

.bg-heliotrope-3

.color-heliotrope-4

.bg-heliotrope-4

.color-heliotrope-5

.bg-heliotrope-5

.color-heliotrope-6

.bg-heliotrope-6

.color-heliotrope-7

.bg-heliotrope-7

.color-heliotrope-8

.bg-heliotrope-8

.color-heliotrope-9

.bg-heliotrope-9

.color-heliotrope-10

.bg-heliotrope-10

Hot Pink

.color-hot-pink-1

.bg-hot-pink-1

.color-hot-pink-2

.bg-hot-pink-2

.color-hot-pink-3

.bg-hot-pink-3

.color-hot-pink-4

.bg-hot-pink-4

.color-hot-pink-5

.bg-hot-pink-5

.color-hot-pink-6

.bg-hot-pink-6

.color-hot-pink-7

.bg-hot-pink-7

.color-hot-pink-8

.bg-hot-pink-8

.color-hot-pink-9

.bg-hot-pink-9

.color-hot-pink-10

.bg-hot-pink-10

Fuchsia Pink

.color-fuchsia-pink-1

.bg-fuchsia-pink-1

.color-fuchsia-pink-2

.bg-fuchsia-pink-2

.color-fuchsia-pink-3

.bg-fuchsia-pink-3

.color-fuchsia-pink-4

.bg-fuchsia-pink-4

.color-fuchsia-pink-5

.bg-fuchsia-pink-5

.color-fuchsia-pink-6

.bg-fuchsia-pink-6

.color-fuchsia-pink-7

.bg-fuchsia-pink-7

.color-fuchsia-pink-8

.bg-fuchsia-pink-8

.color-fuchsia-pink-9

.bg-fuchsia-pink-9

.color-fuchsia-pink-10

.bg-fuchsia-pink-10

Brilliant Rose

.color-brilliant-rose-1

.bg-brilliant-rose-1

.color-brilliant-rose-2

.bg-brilliant-rose-2

.color-brilliant-rose-3

.bg-brilliant-rose-3

.color-brilliant-rose-4

.bg-brilliant-rose-4

.color-brilliant-rose-5

.bg-brilliant-rose-5

.color-brilliant-rose-6

.bg-brilliant-rose-6

.color-brilliant-rose-7

.bg-brilliant-rose-7

.color-brilliant-rose-8

.bg-brilliant-rose-8

.color-brilliant-rose-9

.bg-brilliant-rose-9

.color-brilliant-rose-10

.bg-brilliant-rose-10

Apple red

.color-apple-red-1

.bg-apple-red-1

.color-apple-red-2

.bg-apple-red-2

.color-apple-red-3

.bg-apple-red-3

.color-apple-red-4

.bg-apple-red-4

.color-apple-red-5

.bg-apple-red-5

.color-apple-red-6

.bg-apple-red-6

.color-apple-red-7

.bg-apple-red-7

.color-apple-red-8

.bg-apple-red-8

.color-apple-red-9

.bg-apple-red-9

.color-apple-red-10

.bg-apple-red-10

Burnt Sienna

.color-burnt-sienna-1

.bg-burnt-sienna-1

.color-burnt-sienna-2

.bg-burnt-sienna-2

.color-burnt-sienna-3

.bg-burnt-sienna-3

.color-burnt-sienna-4

.bg-burnt-sienna-4

.color-burnt-sienna-5

.bg-burnt-sienna-5

.color-burnt-sienna-6

.bg-burnt-sienna-6

.color-burnt-sienna-7

.bg-burnt-sienna-7

.color-burnt-sienna-8

.bg-burnt-sienna-8

.color-burnt-sienna-9

.bg-burnt-sienna-9

.color-burnt-sienna-10

.bg-burnt-sienna-10

Dark Tamgerine

.color-dark-tangerine-1

.bg-lemon-yellow-1

.color-dark-tangerine-2

.bg-dark-tangerine-2

.color-dark-tangerine-3

.bg-dark-tangerine-3

.color-dark-tangerine-4

.bg-dark-tangerine-4

.color-dark-tangerine-5

.bg-dark-tangerine-5

.color-dark-tangerine-6

.bg-dark-tangerine-6

.color-dark-tangerine-7

.bg-dark-tangerine-7

.color-dark-tangerine-8

.bg-dark-tangerine-8

.color-dark-tangerine-9

.bg-dark-tangerine-9

.color-dark-tangerine-10

.bg-dark-tangerine-10

Lemon Yellow

.color-lemon-yellow-1

.bg-lemon-yellow-1

.color-lemon-yellow-2

.bg-lemon-yellow-2

.color-lemon-yellow-3

.bg-lemon-yellow-3

.color-lemon-yellow-4

.bg-lemon-yellow-4

.color-lemon-yellow-5

.bg-lemon-yellow-5

.color-lemon-yellow-6

.bg-lemon-yellow-6

.color-lemon-yellow-7

.bg-lemon-yellow-7

.color-lemon-yellow-8

.bg-lemon-yellow-8

.color-lemon-yellow-9

.bg-lemon-yellow-9

.color-lemon-yellow-10

.bg-lemon-yellow-10

Spring Bud

.color-spring-bud-1

.bg-spring-bud-1

.color-spring-bud-2

.bg-spring-bud-2

.color-spring-bud-3

.bg-spring-bud-3

.color-spring-bud-4

.bg-spring-bud-4

.color-spring-bud-5

.bg-spring-bud-5

.color-spring-bud-6

.bg-spring-bud-6

.color-spring-bud-7

.bg-spring-bud-7

.color-spring-bud-8

.bg-spring-bud-8

.color-spring-bud-9

.bg-spring-bud-9

.color-spring-bud-10

.bg-spring-bud-10

Bright Green

.color-bright-green-1

.bg-bright-green-1

.color-bright-green-2

.bg-bright-green-2

.color-bright-green-3

.bg-bright-green-3

.color-bright-green-4

.bg-bright-green-4

.color-bright-green-5

.bg-bright-green-5

.color-bright-green-6

.bg-bright-green-6

.color-bright-green-7

.bg-bright-green-7

.color-bright-green-8

.bg-bright-green-8

.color-bright-green-9

.bg-bright-green-9

.color-bright-green-10

.bg-bright-green-10

Sea Green

.color-sea-green-1

.bg-sea-green-1

.color-sea-green-2

.bg-sea-green-2

.color-sea-green-3

.bg-sea-green-3

.color-sea-green-4

.bg-sea-green-4

.color-sea-green-5

.bg-sea-green-5

.color-sea-green-6

.bg-sea-green-6

.color-sea-green-7

.bg-sea-green-7

.color-sea-green-8

.bg-sea-green-8

.color-sea-green-9

.bg-sea-green-9

.color-sea-green-10

.bg-sea-green-10

Aqua

.color-aqua-1

.bg-aqua-1

.color-aqua-2

.bg-aqua-2

.color-aqua-3

.bg-aqua-3

.color-aqua-4

.bg-aqua-4

.color-aqua-5

.bg-aqua-5

.color-aqua-6

.bg-aqua-6

.color-aqua-7

.bg-aqua-7

.color-aqua-8

.bg-aqua-8

.color-aqua-9

.bg-aqua-9

.color-aqua-10

.bg-aqua-10

Royal Blue

.color-royal-blue-1

.bg-royal-blue-1

.color-royal-blue-2

.bg-royal-blue-2

.color-royal-blue-3

.bg-royal-blue-3

.color-royal-blue-4

.bg-royal-blue-4

.color-royal-blue-5

.bg-royal-blue-5

.color-royal-blue-6

.bg-royal-blue-6

.color-royal-blue-7

.bg-royal-blue-7

.color-royal-blue-8

.bg-royal-blue-8

.color-royal-blue-9

.bg-royal-blue-9

.color-royal-blue-10

.bg-royal-blue-10

Midnight Blue

.color-midnight-blue-1

.bg-midnight-blue-1

.color-midnight-blue-2

.bg-midnight-blue-2

.color-midnight-blue-3

.bg-midnight-blue-3

.color-midnight-blue-4

.bg-midnight-blue-4

.color-midnight-blue-5

.bg-midnight-blue-5

.color-midnight-blue-6

.bg-midnight-blue-6

.color-midnight-blue-7

.bg-midnight-blue-7

.color-midnight-blue-8

.bg-midnight-blue-8

.color-midnight-blue-9

.bg-midnight-blue-9

.color-midnight-blue-10

.bg-midnight-blue-10

Indigo

.color-indigo-1

.bg-indigo-1

.color-indigo-2

.bg-indigo-2

.color-indigo-3

.bg-indigo-3

.color-indigo-4

.bg-indigo-4

.color-indigo-5

.bg-indigo-5

.color-indigo-6

.bg-indigo-6

.color-indigo-7

.bg-indigo-7

.color-indigo-8

.bg-indigo-8

.color-indigo-9

.bg-indigo-9

.color-indigo-10

.bg-indigo-10

Electric Purple

.color-electric-purple-1

.bg-electric-purple-1

.color-electric-purple-2

.bg-electric-purple-2

.color-electric-purple-3

.bg-electric-purple-3

.color-electric-purple-4

.bg-electric-purple-4

.color-electric-purple-5

.bg-electric-purple-5

.color-electric-purple-6

.bg-electric-purple-6

.color-electric-purple-7

.bg-electric-purple-7

.color-electric-purple-8

.bg-electric-purple-8

.color-electric-purple-9

.bg-electric-purple-9

.color-electric-purple-10

.bg-electric-purple-10

Deep Magenta

.color-deep-magenta-1

.bg-deep-magenta-1

.color-deep-magenta-2

.bg-deep-magenta-2

.color-deep-magenta-3

.bg-deep-magenta-3

.color-deep-magenta-4

.bg-deep-magenta-4

.color-deep-magenta-5

.bg-deep-magenta-5

.color-deep-magenta-6

.bg-deep-magenta-6

.color-deep-magenta-7

.bg-deep-magenta-7

.color-deep-magenta-8

.bg-deep-magenta-8

.color-deep-magenta-9

.bg-deep-magenta-9

.color-deep-magenta-10

.bg-deep-magenta-10

Deep Pink

.color-deep-pink-1

.bg-deep-pink-1

.color-deep-pink-2

.bg-deep-pink-2

.color-deep-pink-3

.bg-deep-pink-3

.color-deep-pink-4

.bg-deep-pink-4

.color-deep-pink-5

.bg-deep-pink-5

.color-deep-pink-6

.bg-deep-pink-6

.color-deep-pink-7

.bg-deep-pink-7

.color-deep-pink-8

.bg-deep-pink-8

.color-deep-pink-9

.bg-deep-pink-9

.color-deep-pink-10

.bg-deep-pink-10

Crimson Red

.color-crimson-red-1

.bg-crimson-red-1

.color-crimson-red-2

.bg-crimson-red-2

.color-crimson-red-3

.bg-crimson-red-3

.color-crimson-red-4

.bg-crimson-red-4

.color-crimson-red-5

.bg-crimson-red-5

.color-crimson-red-6

.bg-crimson-red-6

.color-crimson-red-7

.bg-crimson-red-7

.color-crimson-red-8

.bg-crimson-red-8

.color-crimson-red-9

.bg-crimson-red-9

.color-crimson-red-10

.bg-crimson-red-10