#a4566a
RGB ( 赤 = 164, 緑 = 86, 青 = 106 )
HSL ( 色相 = 345°, 彩度 = 31%, 明度 = 49% )
H : 色相 ( 345° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #a45d56 : -340
15 : #a46a56 : -330
25 : #a47656 : -320
35 : #a48356 : -310
45 : #a49056 : -300
55 : #a49d56 : -290
65 : #9da456 : -280
75 : #90a456 : -270
85 : #83a456 : -260
95 : #76a456 : -250
105 : #6aa456 : -240
115 : #5da456 : -230
125 : #56a45d : -220
135 : #56a46a : -210
145 : #56a476 : -200
155 : #56a483 : -190
165 : #56a490 : -180
175 : #56a49d : -170
185 : #569da4 : -160
195 : #5690a4 : -150
205 : #5683a4 : -140
215 : #5676a4 : -130
225 : #566aa4 : -120
235 : #565da4 : -110
245 : #5d56a4 : -100
255 : #6a56a4 : -90
265 : #7656a4 : -80
275 : #8356a4 : -70
285 : #9056a4 : -60
295 : #9d56a4 : -50
305 : #a4569d : -40
315 : #a45690 : -30
325 : #a45683 : -20
335 : #a45676 : -10
345 : #a4566a : ±0
355 : #a4565d : +10
335 : #a45676 : -10
336 : #a45675 : -9
337 : #a45674 : -8
338 : #a45673 : -7
339 : #a45671 : -6
340 : #a45670 : -5
341 : #a4566f : -4
342 : #a4566d : -3
343 : #a4566c : -2
344 : #a4566b : -1
345 : #a4566a : ±0
346 : #a45668 : +1
347 : #a45667 : +2
348 : #a45666 : +3
349 : #a45664 : +4
350 : #a45663 : +5
351 : #a45662 : +6
352 : #a45661 : +7
353 : #a4565f : +8
354 : #a4565e : +9
355 : #a4565d : +10
S : 彩度 ( 31% )
(0%) 渋い ~ 鮮やか (100%)
1 : #7e7c7c : -30
3 : #81797b : -28
5 : #83777a : -26
7 : #867479 : -24
9 : #887277 : -22
11 : #8b6f76 : -20
13 : #8d6d75 : -18
15 : #906a74 : -16
17 : #926872 : -14
19 : #956571 : -12
21 : #976370 : -10
23 : #9a606f : -8
25 : #9c5e6d : -6
27 : #9f5b6c : -4
29 : #a1596b : -2
31 : #a4566a : ±0
33 : #a65468 : +2
35 : #a95167 : +4
37 : #ab4f66 : +6
39 : #ae4c65 : +8
41 : #b04a63 : +10
43 : #b34762 : +12
45 : #b54561 : +14
47 : #b84260 : +16
49 : #ba405e : +18
51 : #bd3d5d : +20
53 : #bf3b5c : +22
55 : #c2385b : +24
57 : #c43659 : +26
59 : #c73358 : +28
61 : #c93157 : +30
63 : #cc2e56 : +32
65 : #ce2c54 : +34
67 : #d12953 : +36
69 : #d32752 : +38
71 : #d62451 : +40
73 : #d8224f : +42
75 : #db1f4e : +44
77 : #dd1d4d : +46
79 : #e01a4c : +48
81 : #e2184a : +50
83 : #e51549 : +52
85 : #e71348 : +54
87 : #ea1047 : +56
89 : #ec0e45 : +58
91 : #ef0b44 : +60
93 : #f10943 : +62
95 : #f40642 : +64
97 : #f60440 : +66
99 : #f9013f : +68
L : 明度 ( 49% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -48
3 : #0a0506 : -46
5 : #11090b : -44
7 : #170c0f : -42
9 : #1e1013 : -40
11 : #251318 : -38
13 : #2b171c : -36
15 : #321a20 : -34
17 : #391e25 : -32
19 : #3f2129 : -30
21 : #46252d : -28
23 : #4d2832 : -26
25 : #542c36 : -24
27 : #5a303a : -22
29 : #61333e : -20
31 : #683743 : -18
33 : #6e3a47 : -16
35 : #753e4b : -14
37 : #7c4150 : -12
39 : #824554 : -10
41 : #894858 : -8
43 : #904c5d : -6
45 : #964f61 : -4
47 : #9d5365 : -2
49 : #a4566a : ±0
51 : #a95b6f : +2
53 : #ac6275 : +4
55 : #b0697a : +6
57 : #b36f80 : +8
59 : #b77686 : +10
61 : #ba7d8c : +12
63 : #be8392 : +14
65 : #c18a98 : +16
67 : #c5919e : +18
69 : #c897a4 : +20
71 : #cc9eaa : +22
73 : #cfa5af : +24
75 : #d3abb5 : +26
77 : #d7b2bb : +28
79 : #dab9c1 : +30
81 : #dec0c7 : +32
83 : #e1c6cd : +34
85 : #e5cdd3 : +36
87 : #e8d4d9 : +38
89 : #ecdadf : +40
91 : #efe1e4 : +42
93 : #f3e8ea : +44
95 : #f6eef0 : +46
97 : #faf5f6 : +48
99 : #fdfcfc : +50
CSS入門、作ってます。
text-shadow