#a7022e
RGB ( 赤 = 167, 緑 = 2, 青 = 46 )
HSL ( 色相 = 344°, 彩度 = 98%, 明度 = 33% )
H : 色相 ( 344° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #a70d02 : -340
14 : #a72802 : -330
24 : #a74402 : -320
34 : #a75f02 : -310
44 : #a77b02 : -300
54 : #a79602 : -290
64 : #9ca702 : -280
74 : #80a702 : -270
84 : #65a702 : -260
94 : #49a702 : -250
104 : #2ea702 : -240
114 : #12a702 : -230
124 : #02a70d : -220
134 : #02a728 : -210
144 : #02a744 : -200
154 : #02a75f : -190
164 : #02a77b : -180
174 : #02a796 : -170
184 : #029ca7 : -160
194 : #0280a7 : -150
204 : #0265a7 : -140
214 : #0249a7 : -130
224 : #022ea7 : -120
234 : #0212a7 : -110
244 : #0d02a7 : -100
254 : #2802a7 : -90
264 : #4402a7 : -80
274 : #5f02a7 : -70
284 : #7b02a7 : -60
294 : #9602a7 : -50
304 : #a7029c : -40
314 : #a70280 : -30
324 : #a70265 : -20
334 : #a70249 : -10
344 : #a7022e : ±0
354 : #a70212 : +10
334 : #a70249 : -10
335 : #a70246 : -9
336 : #a70244 : -8
337 : #a70241 : -7
338 : #a7023e : -6
339 : #a7023b : -5
340 : #a70239 : -4
341 : #a70236 : -3
342 : #a70233 : -2
343 : #a70230 : -1
344 : #a7022e : ±0
345 : #a7022b : +1
346 : #a70228 : +2
347 : #a70225 : +3
348 : #a70223 : +4
349 : #a70220 : +5
350 : #a7021d : +6
351 : #a7021a : +7
352 : #a70218 : +8
353 : #a70215 : +9
354 : #a70212 : +10
S : 彩度 ( 98% )
(0%) 渋い ~ 鮮やか (100%)
0 : #545454 : -98
2 : #565253 : -96
4 : #585153 : -94
6 : #594f52 : -92
8 : #5b4d51 : -90
10 : #5d4c50 : -88
12 : #5e4a4f : -86
14 : #60484f : -84
16 : #62474e : -82
18 : #63454d : -80
20 : #65434c : -78
22 : #67424c : -76
24 : #68404b : -74
26 : #6a3e4a : -72
28 : #6c3d49 : -70
30 : #6d3b48 : -68
32 : #6f3948 : -66
34 : #713847 : -64
36 : #723646 : -62
38 : #743445 : -60
40 : #763244 : -58
42 : #773144 : -56
44 : #792f43 : -54
46 : #7b2d42 : -52
48 : #7d2c41 : -50
50 : #7e2a41 : -48
52 : #802840 : -46
54 : #82273f : -44
56 : #83253e : -42
58 : #85233d : -40
60 : #87223d : -38
62 : #88203c : -36
64 : #8a1e3b : -34
66 : #8c1d3a : -32
68 : #8d1b39 : -30
70 : #8f1939 : -28
72 : #911838 : -26
74 : #921637 : -24
76 : #941436 : -22
78 : #961336 : -20
80 : #971135 : -18
82 : #990f34 : -16
84 : #9b0d33 : -14
86 : #9d0c32 : -12
88 : #9e0a32 : -10
90 : #a00831 : -8
92 : #a20730 : -6
94 : #a3052f : -4
96 : #a5032e : -2
98 : #a7022e : ±0
100 : #a8002d : +2
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #050001 : -32
3 : #0f0004 : -30
5 : #190007 : -28
7 : #23000a : -26
9 : #2d000c : -24
11 : #38010f : -22
13 : #420112 : -20
15 : #4c0115 : -18
17 : #560118 : -16
19 : #60011a : -14
21 : #6a011d : -12
23 : #740120 : -10
25 : #7e0123 : -8
27 : #880125 : -6
29 : #920128 : -4
31 : #9d022b : -2
33 : #a7022e : ±0
35 : #b10230 : +2
37 : #bb0233 : +4
39 : #c50236 : +6
41 : #cf0239 : +8
43 : #d9023c : +10
45 : #e3023e : +12
47 : #ed0241 : +14
49 : #f70244 : +16
51 : #fd0849 : +18
53 : #fd1250 : +20
55 : #fd1c58 : +22
57 : #fd265f : +24
59 : #fd3067 : +26
61 : #fd3a6e : +28
63 : #fd4476 : +30
65 : #fd4e7d : +32
67 : #fd5884 : +34
69 : #fd628c : +36
71 : #fe6d93 : +38
73 : #fe779b : +40
75 : #fe81a2 : +42
77 : #fe8baa : +44
79 : #fe95b1 : +46
81 : #fe9fb8 : +48
83 : #fea9c0 : +50
85 : #feb3c7 : +52
87 : #febdcf : +54
89 : #fec7d6 : +56
91 : #ffd2de : +58
93 : #ffdce5 : +60
95 : #ffe6ec : +62
97 : #fff0f4 : +64
99 : #fffafb : +66
CSS入門、作ってます。
text-shadow