#6b2957
RGB ( 赤 = 107, 緑 = 41, 青 = 87 )
HSL ( 色相 = 318°, 彩度 = 45%, 明度 = 29% )
H : 色相 ( 318° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #6b3229 : -310
18 : #6b3d29 : -300
28 : #6b4829 : -290
38 : #6b5329 : -280
48 : #6b5e29 : -270
58 : #6b6929 : -260
68 : #626b29 : -250
78 : #576b29 : -240
88 : #4c6b29 : -230
98 : #416b29 : -220
108 : #366b29 : -210
118 : #2b6b29 : -200
128 : #296b32 : -190
138 : #296b3d : -180
148 : #296b48 : -170
158 : #296b53 : -160
168 : #296b5e : -150
178 : #296b69 : -140
188 : #29626b : -130
198 : #29576b : -120
208 : #294c6b : -110
218 : #29416b : -100
228 : #29366b : -90
238 : #292b6b : -80
248 : #32296b : -70
258 : #3d296b : -60
268 : #48296b : -50
278 : #53296b : -40
288 : #5e296b : -30
298 : #69296b : -20
308 : #6b2962 : -10
318 : #6b2957 : ±0
328 : #6b294c : +10
338 : #6b2941 : +20
348 : #6b2936 : +30
358 : #6b292b : +40
308 : #6b2962 : -10
309 : #6b2961 : -9
310 : #6b2960 : -8
311 : #6b295f : -7
312 : #6b295e : -6
313 : #6b295d : -5
314 : #6b295c : -4
315 : #6b295b : -3
316 : #6b2959 : -2
317 : #6b2958 : -1
318 : #6b2957 : ±0
319 : #6b2956 : +1
320 : #6b2955 : +2
321 : #6b2954 : +3
322 : #6b2953 : +4
323 : #6b2952 : +5
324 : #6b2951 : +6
325 : #6b294f : +7
326 : #6b294e : +8
327 : #6b294d : +9
328 : #6b294c : +10
S : 彩度 ( 45% )
(0%) 渋い ~ 鮮やか (100%)
1 : #4b494a : -44
3 : #4c484b : -42
5 : #4e464b : -40
7 : #4f454c : -38
9 : #51434d : -36
11 : #52424d : -34
13 : #54404e : -32
15 : #553f4e : -30
17 : #573d4f : -28
19 : #583c50 : -26
21 : #593a50 : -24
23 : #5b3951 : -22
25 : #5c3751 : -20
27 : #5e3652 : -18
29 : #5f3553 : -16
31 : #613353 : -14
33 : #623254 : -12
35 : #643054 : -10
37 : #652f55 : -8
39 : #672d55 : -6
41 : #682c56 : -4
43 : #6a2a57 : -2
45 : #6b2957 : ±0
47 : #6d2758 : +2
49 : #6e2658 : +4
51 : #702459 : +6
53 : #71235a : +8
55 : #73215a : +10
57 : #74205b : +12
59 : #761e5b : +14
61 : #771d5c : +16
63 : #791b5d : +18
65 : #7a1a5d : +20
67 : #7b185e : +22
69 : #7d175e : +24
71 : #7e155f : +26
73 : #801460 : +28
75 : #811260 : +30
77 : #831161 : +32
79 : #841061 : +34
81 : #860e62 : +36
83 : #870d63 : +38
85 : #890b63 : +40
87 : #8a0a64 : +42
89 : #8c0864 : +44
91 : #8d0765 : +46
93 : #8f0565 : +48
95 : #900466 : +50
97 : #920267 : +52
99 : #930167 : +54
L : 明度 ( 29% )
(0%) 暗い ~ 明るい (100%)
1 : #040103 : -28
3 : #0b0409 : -26
5 : #12070f : -24
7 : #1a0a15 : -22
9 : #210d1b : -20
11 : #290f21 : -18
13 : #301227 : -16
15 : #37152d : -14
17 : #3f1833 : -12
19 : #461b39 : -10
21 : #4e1d3f : -8
23 : #552045 : -6
25 : #5c234b : -4
27 : #642651 : -2
29 : #6b2957 : ±0
31 : #732b5d : +2
33 : #7a2e63 : +4
35 : #813169 : +6
37 : #89346f : +8
39 : #903775 : +10
41 : #983a7b : +12
43 : #9f3c81 : +14
45 : #a63f87 : +16
47 : #ae428d : +18
49 : #b54593 : +20
51 : #ba4a99 : +22
53 : #bd519d : +24
55 : #c059a1 : +26
57 : #c360a5 : +28
59 : #c567a9 : +30
61 : #c86fad : +32
63 : #cb76b2 : +34
65 : #ce7eb6 : +36
67 : #d185ba : +38
69 : #d48cbe : +40
71 : #d694c2 : +42
73 : #d99bc7 : +44
75 : #dca3cb : +46
77 : #dfaacf : +48
79 : #e2b1d3 : +50
81 : #e4b9d7 : +52
83 : #e7c0db : +54
85 : #eac8e0 : +56
87 : #edcfe4 : +58
89 : #f0d6e8 : +60
91 : #f2deec : +62
93 : #f5e5f0 : +64
95 : #f8edf5 : +66
97 : #fbf4f9 : +68
99 : #fefbfd : +70
CSS入門、作ってます。
text-shadow