#54174f
RGB ( 赤 = 84, 緑 = 23, 青 = 79 )
HSL ( 色相 = 305°, 彩度 = 57%, 明度 = 21% )
H : 色相 ( 305° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #541c17 : -300
15 : #542617 : -290
25 : #543017 : -280
35 : #543b17 : -270
45 : #544517 : -260
55 : #544f17 : -250
65 : #4f5417 : -240
75 : #455417 : -230
85 : #3b5417 : -220
95 : #305417 : -210
105 : #265417 : -200
115 : #1c5417 : -190
125 : #17541c : -180
135 : #175426 : -170
145 : #175430 : -160
155 : #17543b : -150
165 : #175445 : -140
175 : #17544f : -130
185 : #174f54 : -120
195 : #174554 : -110
205 : #173b54 : -100
215 : #173054 : -90
225 : #172654 : -80
235 : #171c54 : -70
245 : #1c1754 : -60
255 : #261754 : -50
265 : #301754 : -40
275 : #3b1754 : -30
285 : #451754 : -20
295 : #4f1754 : -10
305 : #54174f : ±0
315 : #541745 : +10
325 : #54173b : +20
335 : #541730 : +30
345 : #541726 : +40
355 : #54171c : +50
295 : #4f1754 : -10
296 : #501754 : -9
297 : #511754 : -8
298 : #521754 : -7
299 : #531754 : -6
300 : #541754 : -5
301 : #541753 : -4
302 : #541752 : -3
303 : #541751 : -2
304 : #541750 : -1
305 : #54174f : ±0
306 : #54174e : +1
307 : #54174d : +2
308 : #54174c : +3
309 : #54174b : +4
310 : #54174a : +5
311 : #541749 : +6
312 : #541748 : +7
313 : #541747 : +8
314 : #541746 : +9
315 : #541745 : +10
S : 彩度 ( 57% )
(0%) 渋い ~ 鮮やか (100%)
1 : #363536 : -56
3 : #373437 : -54
5 : #383338 : -52
7 : #393239 : -50
9 : #3a313a : -48
11 : #3b303a : -46
13 : #3d2f3b : -44
15 : #3e2e3c : -42
17 : #3f2c3d : -40
19 : #402b3e : -38
21 : #412a3f : -36
23 : #422940 : -34
25 : #432841 : -32
27 : #442742 : -30
29 : #452642 : -28
31 : #462543 : -26
33 : #472444 : -24
35 : #482345 : -22
37 : #492246 : -20
39 : #4a2147 : -18
41 : #4c2048 : -16
43 : #4d1f49 : -14
45 : #4e1d4a : -12
47 : #4f1c4b : -10
49 : #501b4b : -8
51 : #511a4c : -6
53 : #52194d : -4
55 : #53184e : -2
57 : #54174f : ±0
59 : #551650 : +2
61 : #561551 : +4
63 : #571452 : +6
65 : #581353 : +8
67 : #591253 : +10
69 : #5a1154 : +12
71 : #5c1055 : +14
73 : #5d0e56 : +16
75 : #5e0d57 : +18
77 : #5f0c58 : +20
79 : #600b59 : +22
81 : #610a5a : +24
83 : #62095b : +26
85 : #63085b : +28
87 : #64075c : +30
89 : #65065d : +32
91 : #66055e : +34
93 : #67045f : +36
95 : #680360 : +38
97 : #690261 : +40
99 : #6b0162 : +42
L : 明度 ( 21% )
(0%) 暗い ~ 明るい (100%)
1 : #040104 : -20
3 : #0c030b : -18
5 : #140513 : -16
7 : #1c081a : -14
9 : #240a22 : -12
11 : #2c0c29 : -10
13 : #340e31 : -8
15 : #3c1038 : -6
17 : #441340 : -4
19 : #4c1547 : -2
21 : #54174f : ±0
23 : #5c1957 : +2
25 : #641b5e : +4
27 : #6c1e66 : +6
29 : #74206d : +8
31 : #7c2275 : +10
33 : #84247c : +12
35 : #8c2684 : +14
37 : #94298b : +16
39 : #9c2b93 : +18
41 : #a42d9a : +20
43 : #ac2fa2 : +22
45 : #b431a9 : +24
47 : #bc34b1 : +26
49 : #c436b8 : +28
51 : #c93bbd : +30
53 : #cb43c0 : +32
55 : #ce4bc3 : +34
57 : #d053c5 : +36
59 : #d25bc8 : +38
61 : #d463cb : +40
63 : #d66bcd : +42
65 : #d973d0 : +44
67 : #db7bd3 : +46
69 : #dd83d5 : +48
71 : #df8bd8 : +50
73 : #e193db : +52
75 : #e49bde : +54
77 : #e6a3e0 : +56
79 : #e8abe3 : +58
81 : #eab3e6 : +60
83 : #ecbbe8 : +62
85 : #efc3eb : +64
87 : #f1cbee : +66
89 : #f3d3f0 : +68
91 : #f5dbf3 : +70
93 : #f7e3f6 : +72
95 : #faebf8 : +74
97 : #fcf3fb : +76
99 : #fefbfe : +78
CSS入門、作ってます。
text-shadow