#F4F4F5 | colorate

   
colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color.  Haz que este sitio sea mejor

Acerca de #F4F4F5

HEX #F4F4F5
NOMBRE -
TONO blanco
RGB 244 244 245
HSV 240° 0% 96%
CMYK 0% 0% 0% 3%
Proporcione información de color y esquema de color para #F4F4F5. #F4F4F5 es blanco . El componente de #F4F4F5 es RGB (244 244 245). El color complementario de #F4F4F5 es #F5F5F4. El blanco es el color que recuerda la limpieza y la pureza. El blanco es eficaz para ambientar un espacio grande. Es un color vacío, y también es el color que da una impresión insípida.

Esquemas de color con #F4F4F5

Esquema de color modesto y maduro   

base
#AFAFB5 principal
#F4F4F5 acentuar
#6E6E75

Esquema de color suave y blando   

base
#B7B6BB principal
#F4F4F5 acentuar
#7F7B82

Esquema de color potente y llamativo   

base
#A2A2A8 principal
#F4F4F5 acentuar
#A8A8A2

Esquema de color colorido y armonioso   

base
#95959B principal
#F4F4F5 acentuar
#9B9795 acentuar
#979B95

Ejemplo de esquemas de color

Ajuste fino de #F4F4F5

Tinte(añadir blanco) 

#F4F4F5 #F5F5F6 #F7F7F7 #F8F8F9 #FAFAFA #FBFBFC #FDFDFD

Sombra(añadir negro) 

#F4F4F5 #D1D1D2 #AEAEAF #8B8B8C #686869 #454546 #222222

Matiz 

#F4F4F5 #F4F4F5 #F4F4F5 #F4F4F5 #F4F4F5 #F4F4F5 #F4F4F5

Saturación 

#F5F5F5 #F4F4F5 #E0E0F5 #CCCCF5 #B9B9F5 #A5A5F5 #9292F5

Valor(Luminosidad) 

#8E8E8F #A2A2A3 #B7B7B7 #CBCBCC #DFDFE0 #F4F4F5 #FDFDFF

Color de HTML relacionado 

WhiteSmoke
#F5F5F5 AliceBlue
#F0F8FF GhostWhite
#F8F8FF LavenderBlush
#FFF0F5 MintCream
#F5FFFA

Complementario

#F5F5F4

Tríada

#F4F5F4 #F4F4F5 #F5F4F4

Pantone relacionado 

PANTONE 663 C
#E6E1E5 PANTONE 7436 C
#F2DAE9
PANTONE 656 U
#E1E9F2 PANTONE 649 U
#DEE6ED

Códigos CSS

<style type="text/css">
div {
    color : #F4F4F5;
    background-color : #F4F4F5;
}
</style>

Gradiente basado en #F4F4F5

Mediante el uso de degradado, puede crear una profundidad espacial incluso en un diseño plano. El brillo y el sombreado son efectos de la luz. Para crear un hermoso gradiente, observe la naturaleza de cerca.

Gradiente de brillo y sombra

#F4F4F5 - #FBFBFC
#F4F4F5 - #454546

Expresión más natural (cielo y bebidas)

#F4F4F5 - #DFEEF7
#F4F4F5 - #9FBEC0

Relación de contraste

Verifique la relación de contraste cuando utilice blanco o negro para texto y fondo. Criterios de evaluación por WCAG 2.0 (A=falla, AA=la más pequeña aceptable, AAA=la más alta conformidad)

Blanco y #F4F4F5 (1.10 : 1)

14pt
A 18pt
A 14pt
A 18pt
A

Negro y #F4F4F5 (19.11 : 1)

14pt
AAA 18pt
AAA 14pt
AAA 18pt
AAA

Utilities

Barcode

Barcode

You can create barcodes online. The created barcode can be downloaded as PNG or EPS.

 Make barcode

colorate

colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work.

 Make color scheme

textate

textate

Make text to image. It is useful when you want to send text on SNS.

 Make text to image