#612138
RGB ( 赤 = 97, 緑 = 33, 青 = 56 )
HSL ( 色相 = 338°, 彩度 = 49%, 明度 = 25% )
H : 色相 ( 338° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #5f2921 : -330
18 : #5f3321 : -320
28 : #5f3e21 : -310
38 : #5f4821 : -300
48 : #5f5221 : -290
58 : #5f5d21 : -280
68 : #575f21 : -270
78 : #4c5f21 : -260
88 : #425f21 : -250
98 : #375f21 : -240
108 : #2d5f21 : -230
118 : #235f21 : -220
128 : #215f29 : -210
138 : #215f33 : -200
148 : #215f3e : -190
158 : #215f48 : -180
168 : #215f52 : -170
178 : #215f5d : -160
188 : #21575f : -150
198 : #214c5f : -140
208 : #21425f : -130
218 : #21375f : -120
228 : #212d5f : -110
238 : #21235f : -100
248 : #29215f : -90
258 : #33215f : -80
268 : #3e215f : -70
278 : #48215f : -60
288 : #52215f : -50
298 : #5d215f : -40
308 : #5f2157 : -30
318 : #5f214c : -20
328 : #5f2142 : -10
338 : #5f2137 : ±0
348 : #5f212d : +10
358 : #5f2123 : +20
328 : #5f2142 : -10
329 : #5f2141 : -9
330 : #5f2140 : -8
331 : #5f213f : -7
332 : #5f213e : -6
333 : #5f213d : -5
334 : #5f213c : -4
335 : #5f213b : -3
336 : #5f213a : -2
337 : #5f2138 : -1
338 : #5f2137 : ±0
339 : #5f2136 : +1
340 : #5f2135 : +2
341 : #5f2134 : +3
342 : #5f2133 : +4
343 : #5f2132 : +5
344 : #5f2131 : +6
345 : #5f2130 : +7
346 : #5f212f : +8
347 : #5f212e : +9
348 : #5f212d : +10
S : 彩度 ( 49% )
(0%) 渋い ~ 鮮やか (100%)
1 : #403f40 : -48
3 : #423e3f : -46
5 : #433d3f : -44
7 : #443b3f : -42
9 : #453a3e : -40
11 : #47393e : -38
13 : #48373e : -36
15 : #49363d : -34
17 : #4b353d : -32
19 : #4c343d : -30
21 : #4d323c : -28
23 : #4e313c : -26
25 : #50303c : -24
27 : #512f3b : -22
29 : #522d3b : -20
31 : #542c3a : -18
33 : #552b3a : -16
35 : #56293a : -14
37 : #572839 : -12
39 : #592739 : -10
41 : #5a2639 : -8
43 : #5b2438 : -6
45 : #5c2338 : -4
47 : #5e2238 : -2
49 : #5f2137 : ±0
51 : #601f37 : +2
53 : #621e37 : +4
55 : #631d36 : +6
57 : #641b36 : +8
59 : #651a36 : +10
61 : #671935 : +12
63 : #681835 : +14
65 : #691635 : +16
67 : #6a1534 : +18
69 : #6c1434 : +20
71 : #6d1234 : +22
73 : #6e1133 : +24
75 : #701033 : +26
77 : #710f33 : +28
79 : #720d32 : +30
81 : #730c32 : +32
83 : #750b32 : +34
85 : #760a31 : +36
87 : #770831 : +38
89 : #780731 : +40
91 : #7a0630 : +42
93 : #7b0430 : +44
95 : #7c0330 : +46
97 : #7e022f : +48
99 : #7f012f : +50
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #040102 : -24
3 : #0b0407 : -22
5 : #13070b : -20
7 : #1b0910 : -18
9 : #220c14 : -16
11 : #2a0e18 : -14
13 : #31111d : -12
15 : #391421 : -10
17 : #411626 : -8
19 : #48192a : -6
21 : #501b2f : -4
23 : #571e33 : -2
25 : #5f2137 : ±0
27 : #67233c : +2
29 : #6e2640 : +4
31 : #762845 : +6
33 : #7d2b49 : +8
35 : #852e4e : +10
37 : #8d3052 : +12
39 : #943356 : +14
41 : #9c355b : +16
43 : #a3385f : +18
45 : #ab3b64 : +20
47 : #b33d68 : +22
49 : #ba406d : +24
51 : #bf4572 : +26
53 : #c24c77 : +28
55 : #c4547d : +30
57 : #c75c83 : +32
59 : #ca6389 : +34
61 : #cc6b8f : +36
63 : #cf7294 : +38
65 : #d17a9a : +40
67 : #d482a0 : +42
69 : #d789a6 : +44
71 : #d991ab : +46
73 : #dc98b1 : +48
75 : #dea0b7 : +50
77 : #e1a8bd : +52
79 : #e4afc2 : +54
81 : #e6b7c8 : +56
83 : #e9bece : +58
85 : #ebc6d4 : +60
87 : #eeceda : +62
89 : #f1d5df : +64
91 : #f3dde5 : +66
93 : #f6e4eb : +68
95 : #f8ecf1 : +70
97 : #fbf4f6 : +72
99 : #fefbfc : +74
CSS入門、作ってます。
text-shadow