#6b1f37
RGB ( 赤 = 107, 緑 = 31, 青 = 55 )
HSL ( 色相 = 341°, 彩度 = 55%, 明度 = 27% )
H : 色相 ( 341° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #6b201f : -340
11 : #6b2d1f : -330
21 : #6b391f : -320
31 : #6b461f : -310
41 : #6b531f : -300
51 : #6b5f1f : -290
61 : #696b1f : -280
71 : #5d6b1f : -270
81 : #506b1f : -260
91 : #446b1f : -250
101 : #376b1f : -240
111 : #2a6b1f : -230
121 : #1f6b20 : -220
131 : #1f6b2d : -210
141 : #1f6b39 : -200
151 : #1f6b46 : -190
161 : #1f6b53 : -180
171 : #1f6b5f : -170
181 : #1f696b : -160
191 : #1f5d6b : -150
201 : #1f506b : -140
211 : #1f446b : -130
221 : #1f376b : -120
231 : #1f2a6b : -110
241 : #201f6b : -100
251 : #2d1f6b : -90
261 : #391f6b : -80
271 : #461f6b : -70
281 : #531f6b : -60
291 : #5f1f6b : -50
301 : #6b1f69 : -40
311 : #6b1f5d : -30
321 : #6b1f50 : -20
331 : #6b1f44 : -10
341 : #6b1f37 : ±0
351 : #6b1f2a : +10
331 : #6b1f44 : -10
332 : #6b1f42 : -9
333 : #6b1f41 : -8
334 : #6b1f40 : -7
335 : #6b1f3f : -6
336 : #6b1f3d : -5
337 : #6b1f3c : -4
338 : #6b1f3b : -3
339 : #6b1f39 : -2
340 : #6b1f38 : -1
341 : #6b1f37 : ±0
342 : #6b1f36 : +1
343 : #6b1f34 : +2
344 : #6b1f33 : +3
345 : #6b1f32 : +4
346 : #6b1f31 : +5
347 : #6b1f2f : +6
348 : #6b1f2e : +7
349 : #6b1f2d : +8
350 : #6b1f2c : +9
351 : #6b1f2a : +10
S : 彩度 ( 55% )
(0%) 渋い ~ 鮮やか (100%)
1 : #464445 : -54
3 : #474344 : -52
5 : #484144 : -50
7 : #4a4043 : -48
9 : #4b3f43 : -46
11 : #4c3d42 : -44
13 : #4e3c42 : -42
15 : #4f3b41 : -40
17 : #513941 : -38
19 : #523840 : -36
21 : #533640 : -34
23 : #55353f : -32
25 : #56343f : -30
27 : #57323e : -28
29 : #59313e : -26
31 : #5a303d : -24
33 : #5c2e3d : -22
35 : #5d2d3c : -20
37 : #5e2b3c : -18
39 : #602a3b : -16
41 : #61293a : -14
43 : #62273a : -12
45 : #642639 : -10
47 : #652439 : -8
49 : #672338 : -6
51 : #682238 : -4
53 : #692037 : -2
55 : #6b1f37 : ±0
57 : #6c1e36 : +2
59 : #6d1c36 : +4
61 : #6f1b35 : +6
63 : #701935 : +8
65 : #721834 : +10
67 : #731734 : +12
69 : #741533 : +14
71 : #761433 : +16
73 : #771332 : +18
75 : #781132 : +20
77 : #7a1031 : +22
79 : #7b0e31 : +24
81 : #7d0d30 : +26
83 : #7e0c30 : +28
85 : #7f0a2f : +30
87 : #81092f : +32
89 : #82082e : +34
91 : #84062e : +36
93 : #85052d : +38
95 : #86032d : +40
97 : #88022c : +42
99 : #89012c : +44
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #040102 : -26
3 : #0c0306 : -24
5 : #14060a : -22
7 : #1c080e : -20
9 : #240a12 : -18
11 : #2b0d16 : -16
13 : #330f1a : -14
15 : #3b111f : -12
17 : #431423 : -10
19 : #4b1627 : -8
21 : #53182b : -6
23 : #5b1a2f : -4
25 : #631d33 : -2
27 : #6b1f37 : ±0
29 : #73213b : +2
31 : #7b243f : +4
33 : #822643 : +6
35 : #8a2847 : +8
37 : #922a4b : +10
39 : #9a2d4f : +12
41 : #a22f53 : +14
43 : #aa3158 : +16
45 : #b2345c : +18
47 : #ba3660 : +20
49 : #c23864 : +22
51 : #c73d69 : +24
53 : #c9456f : +26
55 : #cb4d75 : +28
57 : #ce557b : +30
59 : #d05d81 : +32
61 : #d26587 : +34
63 : #d56d8e : +36
65 : #d77594 : +38
67 : #d97d9a : +40
69 : #db84a0 : +42
71 : #de8ca6 : +44
73 : #e094ac : +46
75 : #e29cb2 : +48
77 : #e5a4b9 : +50
79 : #e7acbf : +52
81 : #e9b4c5 : +54
83 : #ebbccb : +56
85 : #eec4d1 : +58
87 : #f0ccd7 : +60
89 : #f2d4dd : +62
91 : #f5dbe3 : +64
93 : #f7e3ea : +66
95 : #f9ebf0 : +68
97 : #fcf3f6 : +70
99 : #fefbfc : +72
CSS入門、作ってます。
text-shadow