#e6570a
RGB ( 赤 = 230, 緑 = 87, 青 = 10 )
HSL ( 色相 = 21°, 彩度 = 92%, 明度 = 47% )
H : 色相 ( 21° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #e60d0a : -20
11 : #e6320a : -10
21 : #e6570a : ±0
31 : #e67c0a : +10
41 : #e6a00a : +20
51 : #e6c50a : +30
61 : #e2e60a : +40
71 : #bee60a : +50
81 : #99e60a : +60
91 : #74e60a : +70
101 : #4fe60a : +80
111 : #2be60a : +90
121 : #0ae60d : +100
131 : #0ae632 : +110
141 : #0ae657 : +120
151 : #0ae67c : +130
161 : #0ae6a0 : +140
171 : #0ae6c5 : +150
181 : #0ae2e6 : +160
191 : #0abee6 : +170
201 : #0a99e6 : +180
211 : #0a74e6 : +190
221 : #0a4fe6 : +200
231 : #0a2be6 : +210
241 : #0d0ae6 : +220
251 : #320ae6 : +230
261 : #570ae6 : +240
271 : #7c0ae6 : +250
281 : #a00ae6 : +260
291 : #c50ae6 : +270
301 : #e60ae2 : +280
311 : #e60abe : +290
321 : #e60a99 : +300
331 : #e60a74 : +310
341 : #e60a4f : +320
351 : #e60a2b : +330
11 : #e6320a : -10
12 : #e6360a : -9
13 : #e6390a : -8
14 : #e63d0a : -7
15 : #e6410a : -6
16 : #e6440a : -5
17 : #e6480a : -4
18 : #e64c0a : -3
19 : #e64f0a : -2
20 : #e6530a : -1
21 : #e6570a : ±0
22 : #e65a0a : +1
23 : #e65e0a : +2
24 : #e6620a : +3
25 : #e6650a : +4
26 : #e6690a : +5
27 : #e66d0a : +6
28 : #e6700a : +7
29 : #e6740a : +8
30 : #e6780a : +9
31 : #e67c0a : +10
S : 彩度 ( 92% )
(0%) 渋い ~ 鮮やか (100%)
0 : #777777 : -92
2 : #7a7775 : -90
4 : #7d7673 : -88
6 : #7f7671 : -86
8 : #81756e : -84
10 : #84746c : -82
12 : #867469 : -80
14 : #897367 : -78
16 : #8b7265 : -76
18 : #8d7162 : -74
20 : #907160 : -72
22 : #92705d : -70
24 : #956f5b : -68
26 : #976f59 : -66
28 : #996e56 : -64
30 : #9c6d54 : -62
32 : #9e6c51 : -60
34 : #a16c4f : -58
36 : #a36b4d : -56
38 : #a56a4a : -54
40 : #a86948 : -52
42 : #aa6946 : -50
44 : #ad6843 : -48
46 : #af6741 : -46
48 : #b1673e : -44
50 : #b4663c : -42
52 : #b6653a : -40
54 : #b96437 : -38
56 : #bb6435 : -36
58 : #bd6332 : -34
60 : #c06230 : -32
62 : #c2622e : -30
64 : #c5612b : -28
66 : #c76029 : -26
68 : #c95f26 : -24
70 : #cc5f24 : -22
72 : #ce5e22 : -20
74 : #d15d1f : -18
76 : #d35d1d : -16
78 : #d55c1a : -14
80 : #d85b18 : -12
82 : #da5a16 : -10
84 : #dd5a13 : -8
86 : #df5911 : -6
88 : #e1580e : -4
90 : #e4570c : -2
92 : #e6570a : ±0
94 : #e95607 : +2
96 : #eb5505 : +4
98 : #ed5502 : +6
100 : #f05400 : +8
L : 明度 ( 47% )
(0%) 暗い ~ 明るい (100%)
1 : #050200 : -46
3 : #0f0601 : -44
5 : #180901 : -42
7 : #220d01 : -40
9 : #2c1102 : -38
11 : #361402 : -36
13 : #401803 : -34
15 : #491c03 : -32
17 : #531f03 : -30
19 : #5d2304 : -28
21 : #672704 : -26
23 : #712a05 : -24
25 : #7a2e05 : -22
27 : #843206 : -20
29 : #8e3606 : -18
31 : #983906 : -16
33 : #a23d07 : -14
35 : #ab4107 : -12
37 : #b54408 : -10
39 : #bf4808 : -8
41 : #c94c08 : -6
43 : #d34f09 : -4
45 : #dc5309 : -2
47 : #e6570a : ±0
49 : #f05a0a : +2
51 : #f5600f : +4
53 : #f56619 : +6
55 : #f66d23 : +8
57 : #f6732c : +10
59 : #f77a36 : +12
61 : #f78040 : +14
63 : #f7874a : +16
65 : #f88d54 : +18
67 : #f8945d : +20
69 : #f99a67 : +22
71 : #f9a171 : +24
73 : #f9a77b : +26
75 : #faae85 : +28
77 : #fab48e : +30
79 : #fbbb98 : +32
81 : #fbc1a2 : +34
83 : #fcc8ac : +36
85 : #fcceb6 : +38
87 : #fcd5bf : +40
89 : #fddbc9 : +42
91 : #fde2d3 : +44
93 : #fee8dd : +46
95 : #feefe7 : +48
97 : #fef5f0 : +50
99 : #fffcfa : +52
CSS入門、作ってます。
text-shadow