#a23f70
RGB ( 赤 = 162, 緑 = 63, 青 = 112 )
HSL ( 色相 = 330°, 彩度 = 44%, 明度 = 44% )
H : 色相 ( 330° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #a23f3f : -330
10 : #a24f3f : -320
20 : #a2603f : -310
30 : #a2703f : -300
40 : #a2813f : -290
50 : #a2913f : -280
60 : #a2a23f : -270
70 : #91a23f : -260
80 : #81a23f : -250
90 : #70a23f : -240
100 : #60a23f : -230
110 : #4fa23f : -220
120 : #3fa23f : -210
130 : #3fa24f : -200
140 : #3fa260 : -190
150 : #3fa270 : -180
160 : #3fa281 : -170
170 : #3fa291 : -160
180 : #3fa2a2 : -150
190 : #3f91a2 : -140
200 : #3f81a2 : -130
210 : #3f70a2 : -120
220 : #3f60a2 : -110
230 : #3f4fa2 : -100
240 : #3f3fa2 : -90
250 : #4f3fa2 : -80
260 : #603fa2 : -70
270 : #703fa2 : -60
280 : #813fa2 : -50
290 : #913fa2 : -40
300 : #a23fa2 : -30
310 : #a23f91 : -20
320 : #a23f81 : -10
330 : #a23f70 : ±0
340 : #a23f60 : +10
350 : #a23f4f : +20
320 : #a23f81 : -10
321 : #a23f7f : -9
322 : #a23f7d : -8
323 : #a23f7c : -7
324 : #a23f7a : -6
325 : #a23f78 : -5
326 : #a23f77 : -4
327 : #a23f75 : -3
328 : #a23f73 : -2
329 : #a23f72 : -1
330 : #a23f70 : ±0
331 : #a23f6f : +1
332 : #a23f6d : +2
333 : #a23f6b : +3
334 : #a23f6a : +4
335 : #a23f68 : +5
336 : #a23f66 : +6
337 : #a23f65 : +7
338 : #a23f63 : +8
339 : #a23f61 : +9
340 : #a23f60 : +10
S : 彩度 ( 44% )
(0%) 渋い ~ 鮮やか (100%)
0 : #707070 : -44
2 : #726e70 : -42
4 : #756c70 : -40
6 : #776970 : -38
8 : #796770 : -36
10 : #7b6570 : -34
12 : #7e6370 : -32
14 : #806070 : -30
16 : #825e70 : -28
18 : #845c70 : -26
20 : #875a70 : -24
22 : #895870 : -22
24 : #8b5570 : -20
26 : #8d5370 : -18
28 : #905170 : -16
30 : #924f70 : -14
32 : #944c70 : -12
34 : #964a70 : -10
36 : #994870 : -8
38 : #9b4670 : -6
40 : #9d4370 : -4
42 : #9f4170 : -2
44 : #a23f70 : ±0
46 : #a43d70 : +2
48 : #a63a70 : +4
50 : #a83870 : +6
52 : #ab3670 : +8
54 : #ad3470 : +10
56 : #af3170 : +12
58 : #b12f70 : +14
60 : #b42d70 : +16
62 : #b62b70 : +18
64 : #b82870 : +20
66 : #ba2670 : +22
68 : #bc2470 : +24
70 : #bf2270 : +26
72 : #c11f70 : +28
74 : #c31d70 : +30
76 : #c51b70 : +32
78 : #c81970 : +34
80 : #ca1670 : +36
82 : #cc1470 : +38
84 : #ce1270 : +40
86 : #d11070 : +42
88 : #d30d70 : +44
90 : #d50b70 : +46
92 : #d70970 : +48
94 : #da0770 : +50
96 : #dc0470 : +52
98 : #de0270 : +54
100 : #e00070 : +56
L : 明度 ( 44% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -44
2 : #070305 : -42
4 : #0f060a : -40
6 : #16090f : -38
8 : #1d0b14 : -36
10 : #250e1a : -34
12 : #2c111f : -32
14 : #331424 : -30
16 : #3b1729 : -28
18 : #421a2e : -26
20 : #491d33 : -24
22 : #511f38 : -22
24 : #58223d : -20
26 : #5f2542 : -18
28 : #672847 : -16
30 : #6e2b4d : -14
32 : #762e52 : -12
34 : #7d3157 : -10
36 : #84335c : -8
38 : #8c3661 : -6
40 : #933966 : -4
42 : #9a3c6b : -2
44 : #a23f70 : ±0
46 : #a94275 : +2
48 : #b0457a : +4
50 : #b84780 : +6
52 : #ba4f85 : +8
54 : #bd568a : +10
56 : #c05d8f : +12
58 : #c36594 : +14
60 : #c66c99 : +16
62 : #c9739e : +18
64 : #cc7ba3 : +20
66 : #ce82a8 : +22
68 : #d189ad : +24
70 : #d491b3 : +26
72 : #d798b8 : +28
74 : #daa0bd : +30
76 : #dda7c2 : +32
78 : #e0aec7 : +34
80 : #e2b6cc : +36
82 : #e5bdd1 : +38
84 : #e8c4d6 : +40
86 : #ebccdb : +42
88 : #eed3e0 : +44
90 : #f1dae6 : +46
92 : #f4e2eb : +48
94 : #f6e9f0 : +50
96 : #f9f0f5 : +52
98 : #fcf8fa : +54
100 : #ffffff : +56
CSS入門、作ってます。
text-shadow