#641656
RGB ( 赤 = 100, 緑 = 22, 青 = 86 )
HSL ( 色相 = 311°, 彩度 = 64%, 明度 = 24% )
H : 色相 ( 311° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #641716 : -310
11 : #642416 : -300
21 : #643116 : -290
31 : #643f16 : -280
41 : #644c16 : -270
51 : #645916 : -260
61 : #636416 : -250
71 : #566416 : -240
81 : #496416 : -230
91 : #3c6416 : -220
101 : #2f6416 : -210
111 : #226416 : -200
121 : #166417 : -190
131 : #166424 : -180
141 : #166431 : -170
151 : #16643f : -160
161 : #16644c : -150
171 : #166459 : -140
181 : #166364 : -130
191 : #165664 : -120
201 : #164964 : -110
211 : #163c64 : -100
221 : #162f64 : -90
231 : #162264 : -80
241 : #171664 : -70
251 : #241664 : -60
261 : #311664 : -50
271 : #3f1664 : -40
281 : #4c1664 : -30
291 : #591664 : -20
301 : #641663 : -10
311 : #641656 : ±0
321 : #641649 : +10
331 : #64163c : +20
341 : #64162f : +30
351 : #641622 : +40
301 : #641663 : -10
302 : #641662 : -9
303 : #641660 : -8
304 : #64165f : -7
305 : #64165e : -6
306 : #64165d : -5
307 : #64165b : -4
308 : #64165a : -3
309 : #641659 : -2
310 : #641657 : -1
311 : #641656 : ±0
312 : #641655 : +1
313 : #641653 : +2
314 : #641652 : +3
315 : #641651 : +4
316 : #64164f : +5
317 : #64164e : +6
318 : #64164d : +7
319 : #64164c : +8
320 : #64164a : +9
321 : #641649 : +10
S : 彩度 ( 64% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -64
2 : #3e3c3e : -62
4 : #403b3f : -60
6 : #413a40 : -58
8 : #423840 : -56
10 : #433741 : -54
12 : #453642 : -52
14 : #463543 : -50
16 : #473343 : -48
18 : #483244 : -46
20 : #493145 : -44
22 : #4b3046 : -42
24 : #4c2f47 : -40
26 : #4d2d47 : -38
28 : #4e2c48 : -36
30 : #502b49 : -34
32 : #512a4a : -32
34 : #52284a : -30
36 : #53274b : -28
38 : #54264c : -26
40 : #56254d : -24
42 : #57234d : -22
44 : #58224e : -20
46 : #59214f : -18
48 : #5b2050 : -16
50 : #5c1f51 : -14
52 : #5d1d51 : -12
54 : #5e1c52 : -10
56 : #5f1b53 : -8
58 : #611a54 : -6
60 : #621854 : -4
62 : #631755 : -2
64 : #641656 : ±0
66 : #661557 : +2
68 : #671458 : +4
70 : #681258 : +6
72 : #691159 : +8
74 : #6a105a : +10
76 : #6c0f5b : +12
78 : #6d0d5b : +14
80 : #6e0c5c : +16
82 : #6f0b5d : +18
84 : #710a5e : +20
86 : #72095f : +22
88 : #73075f : +24
90 : #740660 : +26
92 : #760561 : +28
94 : #770462 : +30
96 : #780262 : +32
98 : #790163 : +34
100 : #7a0064 : +36
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #080207 : -22
4 : #11040e : -20
6 : #190616 : -18
8 : #21071d : -16
10 : #2a0924 : -14
12 : #320b2b : -12
14 : #3b0d32 : -10
16 : #430f39 : -8
18 : #4b1141 : -6
20 : #541248 : -4
22 : #5c144f : -2
24 : #641656 : ±0
26 : #6d185d : +2
28 : #751a64 : +4
30 : #7d1c6c : +6
32 : #861d73 : +8
34 : #8e1f7a : +10
36 : #972181 : +12
38 : #9f2388 : +14
40 : #a7258f : +16
42 : #b02797 : +18
44 : #b8289e : +20
46 : #c02aa5 : +22
48 : #c92cac : +24
50 : #d12eb3 : +26
52 : #d336b6 : +28
54 : #d53fb9 : +30
56 : #d747bc : +32
58 : #d84fbf : +34
60 : #da58c2 : +36
62 : #dc60c5 : +38
64 : #de68c8 : +40
66 : #e071cb : +42
68 : #e279ce : +44
70 : #e382d2 : +46
72 : #e58ad5 : +48
74 : #e792d8 : +50
76 : #e99bdb : +52
78 : #eba3de : +54
80 : #edabe1 : +56
82 : #eeb4e4 : +58
84 : #f0bce7 : +60
86 : #f2c4ea : +62
88 : #f4cded : +64
90 : #f6d5f0 : +66
92 : #f8def3 : +68
94 : #f9e6f6 : +70
96 : #fbeef9 : +72
98 : #fdf7fc : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow