31/8/2021 Tabla de Colores Diseño Plano — Códigos de Color HTML

Códigos de Color HTML

SELECTOR CONVERTIR TABLA NOMBRES TUTORIALES

TA B L A D E C O LO R E S D I S E Ñ O P L A N O

Diseño plano o colores de IU son bastante

populares en diseño web hoy, en negrita,
se utilizan colores claros para crear
interfaces limpias y sencillas.
I R A C O LO R D E S CA R GA R

H E X
#49CCDC
E X P O RT PA L E T T E

P O M E G R A N AT E HELPFUL TIPS

Selección Guardar Exportar

#F9EB #F2D7 #E6B0 #D988

249, 24 2 , 2 3 0, 2 17,
235 215 17 6 136

# C D 61 #C039 #A932 #922B

205, 192, 1 6 9, 146,
97 57 50 43

# 7 B 24 # 6 41 E 1
123, 1 0 0,
36 30

https://htmlcolorcodes.com/es/tabla-de-colores/tabla-de-colores-diseno-plano/ 1/11
31/8/2021 Tabla de Colores Diseño Plano — Códigos de Color HTML

ALIZARIN
Códigos de Color HTML

SELECTOR CONVERTIR TABLA NOMBRES TUTORIALES

#FDED # FA D B # F 5 B7 #F1948
2 53 , 2 5 0, 24 5 , 241 ,
2 37 219 183 148

#EC70 # E 74 C #CB43 #B03A

236, 231, 203, 17 6 ,
112 76 67 58

#9431 #7828
148, 1 2 0,
49 40

A M E T H YST

#F5EE #EBDE #D7BD #C39B

24 5 , 235, 215, 195,
238 222 189 1 55

#AF7A #9B59 #884E #7644

17 5 , 1 55 , 136, 118,
122 89 78 68

# 63 3 9 # 51 2 E
9 9, 81,
57 46

W I ST E R I A

https://htmlcolorcodes.com/es/tabla-de-colores/tabla-de-colores-diseno-plano/ 2/11
31/8/2021 Tabla de Colores Diseño Plano — Códigos de Color HTML

Códigos
# F 4 E Cde Color
# E 8 DAHTML
#D2B4 #BB8F
24 4 , 232, 2 1 0, 1 87,
SELECTOR CONVERTIR TABLA NOMBRES TUTORIALES
236 218 180 143

# A5 6 9 #8E44 #7D3C #6C34

1 65 , 142, 125, 108,
105 68 60 52

#5B2C #4A23
91, 74 ,
44 35

BELIZE HOLE

#EAF2 #D4E6 #A9CC #7FB3

234, 212, 1 6 9, 1 27,
24 2 230 204 17 9

# 5 49 9 #2980 # 247 1 A # 1 F 61 8
84, 41 , 36, 31,
1 53 128 113 97

# 1 A52 #1543
26, 21,
82 67

PETER RIVER

#EBF5 #D6EA #AED6 #85C1

235, 214, 174 , 133,
24 5 234 214 193
https://htmlcolorcodes.com/es/tabla-de-colores/tabla-de-colores-diseno-plano/ 3/11
31/8/2021 Tabla de Colores Diseño Plano — Códigos de Color HTML

Códigos de Color HTML

SELECTOR # 5 DA D #CONVERTIR
3 49 8 #2E86 # 2 874
TABLA NOMBRES TUTORIALES

93, 52 , 46, 4 0,
17 3 1 52 134 116

# 2 1 61 8 #1B4F
33, 27,
97 79

TURQUOISE

#E8F8 #D1F2 # A3 E 4 #76D7

232, 2 0 9, 1 63 , 118,
24 8 24 2 228 215

#48C9 #1ABC # 17 A5 #148F7

72, 26, 23, 2 0,
201 188 1 65 143

# 1 17 8 6 # 0 E 62
17, 14,
120 98

GREEN SEA

#E8F6 #D0EC #A2D9 #73C6

232, 208, 1 62 , 115,
24 6 236 2 17 198

#45B3 # 1 6A 0 #138D # 1 17 A 6

https://htmlcolorcodes.com/es/tabla-de-colores/tabla-de-colores-diseno-plano/ 4/11
31/8/2021 Tabla de Colores Diseño Plano — Códigos de Color HTML

6 9, 22, 1 9, 17,
Códigos
17 9
de Color
160
HTML
1 41 122

SELECTOR CONVERTIR TABLA NOMBRES TUTORIALES

#0E66 # 0 B 53

14, 11,
102 83

NEPHRITIS

#E9F7 #D4EF #A9DF #7DCE

233, 212, 1 6 9, 125,

247 239 223 206

# 52 B E # 27 A E #2299 #1E844
82, 3 9, 34, 3 0,
190 174 1 53 132

#196F # 1 4 5A

25, 2 0,
111 90

EMERALD

# E A FA #D5F5 #ABEB #82E0

234, 213, 17 1 , 1 3 0,
250 24 5 235 2 24

# 58 D 6 #2ECC #28B4 #239B

88, 46, 4 0, 35,
214 204 180 1 55

https://htmlcolorcodes.com/es/tabla-de-colores/tabla-de-colores-diseno-plano/ 5/11
31/8/2021 Tabla de Colores Diseño Plano — Códigos de Color HTML

Códigos
# 1 D 8 3de Color
# 1 8 6AHTML

2 9, 24 ,
SELECTOR CONVERTIR TABLA NOMBRES TUTORIALES
131 106

S U N F LOW E R

#FEF9 #FCF3 #F9E7 #F7DC

254, 2 52 , 249, 247,

249 24 3 231 220

#F4D0 #F1C4 # D 4 AC # B7 9 5
24 4 , 241 , 212, 183,
208 196 17 2 1 49

#9A7D #7D66

154, 125,
125 102

ORANGE

#FEF5 #FDEB # FA D 7 #F8C4

254, 2 53 , 2 5 0, 24 8 ,
24 5 235 215 196

#F5B0 #F39C # D 68 9 # B 97 7
24 5 , 24 3 , 214, 185,
17 6 156 1 37 119

#9C64 # 7 E 51 0

https://htmlcolorcodes.com/es/tabla-de-colores/tabla-de-colores-diseno-plano/ 6/11
31/8/2021 Tabla de Colores Diseño Plano — Códigos de Color HTML

156, 126,
Códigos
100
de Color
81
HTML

SELECTOR CONVERTIR TABLA NOMBRES TUTORIALES

CA R R OT

#FDF2 # FA E 5 #F5CB #F0B2

2 53 , 2 5 0, 24 5 , 24 0,
24 2 229 203 17 8

#EB98 # E 67 E # CA 6 F #AF60

235, 2 3 0, 202, 17 5 ,
1 52 126 111 96

# 9 3 51 1 #7842
1 47, 1 2 0,
81 66

PUMPKIN

#FBEE #F6DD #EDBB #E598

2 51 , 24 6 , 2 37, 2 2 9,
238 221 1 87 1 52

#DC76 #D354 #BA4A #A040

2 2 0, 211, 186, 1 6 0,
118 84 74 64

# 87 3 6 #6E2C
135, 1 1 0,
54 44

https://htmlcolorcodes.com/es/tabla-de-colores/tabla-de-colores-diseno-plano/ 7/11
31/8/2021 Tabla de Colores Diseño Plano — Códigos de Color HTML

C LO U D S
Códigos de Color HTML

SELECTOR CONVERTIR TABLA NOMBRES TUTORIALES

#FDFE #FBFC #F7F9 #F4F6
2 53 , 2 51 , 247, 24 4 ,
254 2 52 249 24 6

#F0F3 #ECF0 #D0D3 #B3B6

24 0, 236, 208, 17 9,
24 3 24 0 211 182

# 97 9 A # 7 B7 D
1 51 , 123,
154 125

S I LV E R

#F8F9 #F2F3 #E5E7 #D7DB

24 8 , 24 2 , 2 2 9, 215,
249 24 3 231 219

# CAC F #BDC3 # A 6AC #9094

202, 1 8 9, 166, 144,
2 07 195 17 2 148

# 7 97 D # 62 65
121, 98,
125 101

CONCRETE

https://htmlcolorcodes.com/es/tabla-de-colores/tabla-de-colores-diseno-plano/ 8/11
31/8/2021 Tabla de Colores Diseño Plano — Códigos de Color HTML

Códigos
# F 4 F 6de Color
# E A E DHTML
#D5DB #BFC9
24 4 , 234, 213, 191,
SELECTOR CONVERTIR TABLA NOMBRES TUTORIALES
24 6 2 37 219 201

# A A B7 # 9 5A5 #8391 # 7 17 D
17 0, 1 49, 131, 113,
183 1 65 145 125

# 5 F 6A #4D56
95, 7 7,
106 86

AS B E STO S

#F2F4 #E5E8 #CCD1 #B2BA

24 2 , 2 2 9, 204, 17 8 ,
24 4 232 209 186

# 9 9 A3 #7F8C # 7 07 B # 61 6A
1 53 , 1 27, 112, 97,
1 63 140 123 106

# 51 5A # 4 249
81, 66,
90 73

W E T AS P H A LT

#EBED #D6DB #AEB6 #8592

235, 214, 174 , 133,
2 37 219 182 146
https://htmlcolorcodes.com/es/tabla-de-colores/tabla-de-colores-diseno-plano/ 9/11
31/8/2021 Tabla de Colores Diseño Plano — Códigos de Color HTML

Códigos de Color HTML

SELECTOR #5D6D #CONVERTIR

3 4 49 #2E40 #28 37
TABLA NOMBRES TUTORIALES

93, 52 , 46, 4 0,
109 73 64 55

#212F3 #1B26
33, 27,
47 38

M I D N I G H T B LU E

#EAEC #D5D8 #ABB2 #808B

234, 213, 17 1 , 128,
236 216 17 8 139

# 5 6 65 #2C3E # 27 374 #212F3

86, 44, 3 9, 33,
101 62 55 47

#1C28 # 17 2 0 2
28, 23,
40 32

https://htmlcolorcodes.com/es/tabla-de-colores/tabla-de-colores-diseno-plano/ 10/11
31/8/2021 Tabla de Colores Diseño Plano — Códigos de Color HTML

DISEÑADO POR C O N TACTO SOCIALIZAR

Códigos de Color HTML
EMAIL GOOGLE+
Dixon & Moe
SELECTOR CONVERTIR TABLA NOMBRES TUTORIALES
FAC E B O OK
CODEPEN
© 2 0 1 5 – 2 0 2 1
P R I VACY P O L I CY
AC E R CA D E

Hemos construido los códigos de color de

HTML porque creemos herramientas de
diseño debe estar bien diseñado. Si le
gusta la página o si tiene una sugerencia,
envíenos un correo electrónico; y
comentarios son muy importantes y
siempre bienvenida!

https://htmlcolorcodes.com/es/tabla-de-colores/tabla-de-colores-diseno-plano/ 11/11