#a4566b
RGB ( 赤 = 164, 緑 = 86, 青 = 107 )
HSL ( 色相 = 344°, 彩度 = 31%, 明度 = 49% )
H : 色相 ( 344° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #a45b56 : -340
14 : #a46856 : -330
24 : #a47556 : -320
34 : #a48256 : -310
44 : #a48f56 : -300
54 : #a49c56 : -290
64 : #9fa456 : -280
74 : #92a456 : -270
84 : #85a456 : -260
94 : #78a456 : -250
104 : #6ba456 : -240
114 : #5ea456 : -230
124 : #56a45b : -220
134 : #56a468 : -210
144 : #56a475 : -200
154 : #56a482 : -190
164 : #56a48f : -180
174 : #56a49c : -170
184 : #569fa4 : -160
194 : #5692a4 : -150
204 : #5685a4 : -140
214 : #5678a4 : -130
224 : #566ba4 : -120
234 : #565ea4 : -110
244 : #5b56a4 : -100
254 : #6856a4 : -90
264 : #7556a4 : -80
274 : #8256a4 : -70
284 : #8f56a4 : -60
294 : #9c56a4 : -50
304 : #a4569f : -40
314 : #a45692 : -30
324 : #a45685 : -20
334 : #a45678 : -10
344 : #a4566b : ±0
354 : #a4565e : +10
334 : #a45678 : -10
335 : #a45676 : -9
336 : #a45675 : -8
337 : #a45674 : -7
338 : #a45673 : -6
339 : #a45671 : -5
340 : #a45670 : -4
341 : #a4566f : -3
342 : #a4566d : -2
343 : #a4566c : -1
344 : #a4566b : ±0
345 : #a4566a : +1
346 : #a45668 : +2
347 : #a45667 : +3
348 : #a45666 : +4
349 : #a45664 : +5
350 : #a45663 : +6
351 : #a45662 : +7
352 : #a45661 : +8
353 : #a4565f : +9
354 : #a4565e : +10
S : 彩度 ( 31% )
(0%) 渋い ~ 鮮やか (100%)
1 : #7e7c7c : -30
3 : #81797b : -28
5 : #83777a : -26
7 : #867479 : -24
9 : #887278 : -22
11 : #8b6f77 : -20
13 : #8d6d75 : -18
15 : #906a74 : -16
17 : #926873 : -14
19 : #956572 : -12
21 : #976371 : -10
23 : #9a6070 : -8
25 : #9c5e6e : -6
27 : #9f5b6d : -4
29 : #a1596c : -2
31 : #a4566b : ±0
33 : #a6546a : +2
35 : #a95169 : +4
37 : #ab4f67 : +6
39 : #ae4c66 : +8
41 : #b04a65 : +10
43 : #b34764 : +12
45 : #b54563 : +14
47 : #b84262 : +16
49 : #ba4060 : +18
51 : #bd3d5f : +20
53 : #bf3b5e : +22
55 : #c2385d : +24
57 : #c4365c : +26
59 : #c7335b : +28
61 : #c93159 : +30
63 : #cc2e58 : +32
65 : #ce2c57 : +34
67 : #d12956 : +36
69 : #d32755 : +38
71 : #d62454 : +40
73 : #d82252 : +42
75 : #db1f51 : +44
77 : #dd1d50 : +46
79 : #e01a4f : +48
81 : #e2184e : +50
83 : #e5154d : +52
85 : #e7134b : +54
87 : #ea104a : +56
89 : #ec0e49 : +58
91 : #ef0b48 : +60
93 : #f10947 : +62
95 : #f40646 : +64
97 : #f60444 : +66
99 : #f90143 : +68
L : 明度 ( 49% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -48
3 : #0a0507 : -46
5 : #11090b : -44
7 : #170c0f : -42
9 : #1e1014 : -40
11 : #251318 : -38
13 : #2b171c : -36
15 : #321a21 : -34
17 : #391e25 : -32
19 : #3f2129 : -30
21 : #46252e : -28
23 : #4d2832 : -26
25 : #542c37 : -24
27 : #5a303b : -22
29 : #61333f : -20
31 : #683744 : -18
33 : #6e3a48 : -16
35 : #753e4c : -14
37 : #7c4151 : -12
39 : #824555 : -10
41 : #894859 : -8
43 : #904c5e : -6
45 : #964f62 : -4
47 : #9d5367 : -2
49 : #a4566b : ±0
51 : #a95b70 : +2
53 : #ac6276 : +4
55 : #b0697c : +6
57 : #b36f81 : +8
59 : #b77687 : +10
61 : #ba7d8d : +12
63 : #be8393 : +14
65 : #c18a99 : +16
67 : #c5919f : +18
69 : #c897a5 : +20
71 : #cc9eaa : +22
73 : #cfa5b0 : +24
75 : #d3abb6 : +26
77 : #d7b2bc : +28
79 : #dab9c2 : +30
81 : #dec0c8 : +32
83 : #e1c6cd : +34
85 : #e5cdd3 : +36
87 : #e8d4d9 : +38
89 : #ecdadf : +40
91 : #efe1e5 : +42
93 : #f3e8eb : +44
95 : #f6eef0 : +46
97 : #faf5f6 : +48
99 : #fdfcfc : +50
CSS入門、作ってます。
text-shadow