#55304e
RGB ( 赤 = 85, 緑 = 48, 青 = 78 )
HSL ( 色相 = 311°, 彩度 = 28%, 明度 = 26% )
H : 色相 ( 311° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #553030 : -310
11 : #553730 : -300
21 : #553d30 : -290
31 : #554330 : -280
41 : #554930 : -270
51 : #554f30 : -260
61 : #545530 : -250
71 : #4e5530 : -240
81 : #485530 : -230
91 : #425530 : -220
101 : #3b5530 : -210
111 : #355530 : -200
121 : #305530 : -190
131 : #305537 : -180
141 : #30553d : -170
151 : #305543 : -160
161 : #305549 : -150
171 : #30554f : -140
181 : #305455 : -130
191 : #304e55 : -120
201 : #304855 : -110
211 : #304255 : -100
221 : #303b55 : -90
231 : #303555 : -80
241 : #303055 : -70
251 : #373055 : -60
261 : #3d3055 : -50
271 : #433055 : -40
281 : #493055 : -30
291 : #4f3055 : -20
301 : #553054 : -10
311 : #55304e : ±0
321 : #553048 : +10
331 : #553042 : +20
341 : #55303b : +30
351 : #553035 : +40
301 : #553054 : -10
302 : #553054 : -9
303 : #553053 : -8
304 : #553052 : -7
305 : #553052 : -6
306 : #553051 : -5
307 : #553051 : -4
308 : #553050 : -3
309 : #55304f : -2
310 : #55304f : -1
311 : #55304e : ±0
312 : #55304d : +1
313 : #55304d : +2
314 : #55304c : +3
315 : #55304c : +4
316 : #55304b : +5
317 : #55304a : +6
318 : #55304a : +7
319 : #553049 : +8
320 : #553048 : +9
321 : #553048 : +10
S : 彩度 ( 28% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -28
2 : #444143 : -26
4 : #454044 : -24
6 : #463e45 : -22
8 : #483d46 : -20
10 : #493c46 : -18
12 : #4a3a47 : -16
14 : #4c3948 : -14
16 : #4d3849 : -12
18 : #4e364a : -10
20 : #50354b : -8
22 : #51344c : -6
24 : #52324c : -4
26 : #54314d : -2
28 : #55304e : ±0
30 : #562e4f : +2
32 : #582d50 : +4
34 : #592c51 : +6
36 : #5a2a51 : +8
38 : #5b2952 : +10
40 : #5d2853 : +12
42 : #5e2654 : +14
44 : #5f2555 : +16
46 : #612456 : +18
48 : #622256 : +20
50 : #632157 : +22
52 : #652058 : +24
54 : #661e59 : +26
56 : #671d5a : +28
58 : #691c5b : +30
60 : #6a1b5b : +32
62 : #6b195c : +34
64 : #6d185d : +36
66 : #6e175e : +38
68 : #6f155f : +40
70 : #711460 : +42
72 : #721361 : +44
74 : #731161 : +46
76 : #751062 : +48
78 : #760f63 : +50
80 : #770d64 : +52
82 : #790c65 : +54
84 : #7a0b66 : +56
86 : #7b0966 : +58
88 : #7d0867 : +60
90 : #7e0768 : +62
92 : #7f0569 : +64
94 : #81046a : +66
96 : #82036b : +68
98 : #83016b : +70
100 : #85006c : +72
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #070406 : -24
4 : #0d070c : -22
6 : #140b12 : -20
8 : #1a0f18 : -18
10 : #21121e : -16
12 : #271624 : -14
14 : #2e1a2a : -12
16 : #341d30 : -10
18 : #3b2136 : -8
20 : #41253c : -6
22 : #482842 : -4
24 : #4e2c48 : -2
26 : #55304e : ±0
28 : #5b3354 : +2
30 : #62375a : +4
32 : #683b60 : +6
34 : #6f3e66 : +8
36 : #76426c : +10
38 : #7c4672 : +12
40 : #834978 : +14
42 : #894d7e : +16
44 : #905184 : +18
46 : #96548a : +20
48 : #9d5890 : +22
50 : #a35c96 : +24
52 : #a7629a : +26
54 : #ab699f : +28
56 : #ae6fa3 : +30
58 : #b276a7 : +32
60 : #b67cab : +34
62 : #b983af : +36
64 : #bd89b3 : +38
66 : #c190b8 : +40
68 : #c497bc : +42
70 : #c89dc0 : +44
72 : #cca4c4 : +46
74 : #cfaac8 : +48
76 : #d3b1cd : +50
78 : #d7b7d1 : +52
80 : #dabed5 : +54
82 : #dec4d9 : +56
84 : #e2cbdd : +58
86 : #e5d1e2 : +60
88 : #e9d8e6 : +62
90 : #eddeea : +64
92 : #f0e5ee : +66
94 : #f4ebf2 : +68
96 : #f8f2f7 : +70
98 : #fbf8fb : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow