#ff5a36
Codice Colore HexIl colore Portland Orange, con codice colore esadecimale #ff5a36
è una sfumatura medio chiaro di rosso-arancio. Nel modello di colori RGB #ff5a36
è composto di 100% rosso, 35.29% verde e 21.18% blu. Nel sistema di colori HSL #ff5a36
ha una tonalità di 10.75 gradi, 100% di saturazione e chiarezza del 60.59%. Il colore ha una lunghezza d'onda approssimativa di 613 nm.
#ff5a36
InformazioniInvertito
#00a5c9 25% Saturato
#ff5935 Scala dei Grigi
#9a9a9a
25% più chiaro
#ff9983 Originale
#ff5a36 25% più scuro
#e72900
Rosso pomodoro / tomato
#ff6347 25% Desaturato
#e56a4f Web Safe: red
#ff0000
rgb(255, 90, 54)
rgba(255, 90, 54, 1.0)
rosso: 100%, giallo: 38.3743%, blu: 21.1765%
#ff5a36
16734774
-42442 / 0xffff5a36
hsl(11, 100%, 61%)
hsla(11, 100%, 61%, 1.0)
tonalità: 11 (10.7463), saturazione: 79 (78.8235), valore: 100 (100)
X: 45.562, Y: 28.8387, Z: 6.6551
x: 0.5621, y: 0.3558, Y: 28.8387
L: 60.639, a: 60.9731, b: 53.3541
L: 60.639, u: 132.4681, v: 41.5692
L: 60.639, C: 81.0208, H: 41.1873
L: 53.7016, a: 57.4666, b: 30.2435
turchese: 0 (0), magenta: 65 (0.6471), giallo: 79 (0.7882), key: 0 (0)
turchese: 0 (0), magenta: 65 (0.6471), giallo: 79 (0.7882)
Y: 135.231, I: 109.8586, Q: 23.6894
Y: 135.231, U: -39.9716, V: 105.0754
Y: 135.231, Db: -122.238, Dr: -227.757
Y: 132.187, Cb: 87.776, Cr: 202.991
Y: 122.553, Pb: -36.975, Pr: 84.156
7.5R 6/16 (approssimativo)
#ff5a36
/ Combinazione Colore e ArmonieScarica tavolozza dei colori in ASE (Adobe Swatch Exchange) o in formato GIMP .gpl.
#ff5a36
al Nero#ff5a36
al Bianco#ff5a36
primo piano
<p style="color: #ff5a36; background-color: #000">#ff5a36 primo piano</p>
#ff5a36
sfondo
<p style="background-color: #ff5a36">#ff5a36 sfondo</p>
#ff5a36
bordo
<p style="border: #ff5a36 3px solid">#ff5a36 bordo</p>
#ff5a36
gradiente radiale
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #ff5a36, #fff); background: -webkit-radial-gradient(50% 50%, #ff5a36, #fff); background: -o-radial-gradient(50% 50%, #ff5a36, #fff); background: -ms-radial-gradient(50% 50%, #ff5a36, #fff); background: radial-gradient(50% 50%, #ff5a36, #fff)">#ff5a36 gradiente radiale</p>
#ff5a36
gradiente lineare al complementare #35dbff
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #ff5a36, #35dbff); background: -webkit-linear-gradient(top, #ff5a36, #35dbff); background: -o-linear-gradient(top, #ff5a36, #35dbff); background: -ms-linear-gradient(top, #ff5a36, #35dbff); background: linear-gradient(top, #ff5a36, #35dbff); color: #000">
#ff5a36
gradiente lineare al complementare #35dbff
</p>
#ff5a36
ombra testo
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #ff5a36">#ff5a36 ombra testo</p>
I colori paint corrispondenti sono elencati in ordine di rilevanza al colore codice hex #ff5a36
. La rilevanza è determinata dalla similarità visiva media dei 4 maggiori paint correlati di ciascuna marca paint del colore hex #ff5a36
.
Vai a Paint Brand: