#553031
RGB ( 赤 = 85, 緑 = 48, 青 = 49 )
HSL ( 色相 = 358°, 彩度 = 28%, 明度 = 26% )
H : 色相 ( 358° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #553530 : -350
18 : #553b30 : -340
28 : #554130 : -330
38 : #554730 : -320
48 : #554d30 : -310
58 : #555430 : -300
68 : #505530 : -290
78 : #4a5530 : -280
88 : #445530 : -270
98 : #3d5530 : -260
108 : #375530 : -250
118 : #315530 : -240
128 : #305535 : -230
138 : #30553b : -220
148 : #305541 : -210
158 : #305547 : -200
168 : #30554d : -190
178 : #305554 : -180
188 : #305055 : -170
198 : #304a55 : -160
208 : #304455 : -150
218 : #303d55 : -140
228 : #303755 : -130
238 : #303155 : -120
248 : #353055 : -110
258 : #3b3055 : -100
268 : #413055 : -90
278 : #473055 : -80
288 : #4d3055 : -70
298 : #543055 : -60
308 : #553050 : -50
318 : #55304a : -40
328 : #553044 : -30
338 : #55303d : -20
348 : #553037 : -10
358 : #553031 : ±0
348 : #553037 : -10
349 : #553037 : -9
350 : #553036 : -8
351 : #553035 : -7
352 : #553035 : -6
353 : #553034 : -5
354 : #553033 : -4
355 : #553033 : -3
356 : #553032 : -2
357 : #553032 : -1
358 : #553031 : ±0
359 : #553030 : +1
0 : #553030 : -358
1 : #553030 : -357
2 : #553130 : -356
3 : #553230 : -355
4 : #553230 : -354
5 : #553330 : -353
6 : #553330 : -352
7 : #553430 : -351
8 : #553530 : -350
S : 彩度 ( 28% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -28
2 : #444141 : -26
4 : #454040 : -24
6 : #463e3f : -22
8 : #483d3d : -20
10 : #493c3c : -18
12 : #4a3a3b : -16
14 : #4c393a : -14
16 : #4d3838 : -12
18 : #4e3637 : -10
20 : #503536 : -8
22 : #513435 : -6
24 : #523233 : -4
26 : #543132 : -2
28 : #553031 : ±0
30 : #562e30 : +2
32 : #582d2e : +4
34 : #592c2d : +6
36 : #5a2a2c : +8
38 : #5b292b : +10
40 : #5d282a : +12
42 : #5e2628 : +14
44 : #5f2527 : +16
46 : #612426 : +18
48 : #622225 : +20
50 : #632123 : +22
52 : #652022 : +24
54 : #661e21 : +26
56 : #671d20 : +28
58 : #691c1e : +30
60 : #6a1b1d : +32
62 : #6b191c : +34
64 : #6d181b : +36
66 : #6e1719 : +38
68 : #6f1518 : +40
70 : #711417 : +42
72 : #721316 : +44
74 : #731115 : +46
76 : #751013 : +48
78 : #760f12 : +50
80 : #770d11 : +52
82 : #790c10 : +54
84 : #7a0b0e : +56
86 : #7b090d : +58
88 : #7d080c : +60
90 : #7e070b : +62
92 : #7f0509 : +64
94 : #810408 : +66
96 : #820307 : +68
98 : #830106 : +70
100 : #850004 : +72
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #070404 : -24
4 : #0d0708 : -22
6 : #140b0b : -20
8 : #1a0f0f : -18
10 : #211213 : -16
12 : #271617 : -14
14 : #2e1a1a : -12
16 : #341d1e : -10
18 : #3b2122 : -8
20 : #412526 : -6
22 : #482829 : -4
24 : #4e2c2d : -2
26 : #553031 : ±0
28 : #5b3335 : +2
30 : #623739 : +4
32 : #683b3c : +6
34 : #6f3e40 : +8
36 : #764244 : +10
38 : #7c4648 : +12
40 : #83494b : +14
42 : #894d4f : +16
44 : #905153 : +18
46 : #965457 : +20
48 : #9d585a : +22
50 : #a35c5e : +24
52 : #a76265 : +26
54 : #ab696b : +28
56 : #ae6f71 : +30
58 : #b27678 : +32
60 : #b67c7e : +34
62 : #b98385 : +36
64 : #bd898b : +38
66 : #c19092 : +40
68 : #c49798 : +42
70 : #c89d9f : +44
72 : #cca4a5 : +46
74 : #cfaaab : +48
76 : #d3b1b2 : +50
78 : #d7b7b8 : +52
80 : #dabebf : +54
82 : #dec4c5 : +56
84 : #e2cbcc : +58
86 : #e5d1d2 : +60
88 : #e9d8d8 : +62
90 : #eddedf : +64
92 : #f0e5e5 : +66
94 : #f4ebec : +68
96 : #f8f2f2 : +70
98 : #fbf8f9 : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow