#6b1f4c
RGB ( 赤 = 107, 緑 = 31, 青 = 76 )
HSL ( 色相 = 324°, 彩度 = 55%, 明度 = 27% )
H : 色相 ( 324° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #6b241f : -320
14 : #6b311f : -310
24 : #6b3d1f : -300
34 : #6b4a1f : -290
44 : #6b571f : -280
54 : #6b631f : -270
64 : #666b1f : -260
74 : #596b1f : -250
84 : #4c6b1f : -240
94 : #406b1f : -230
104 : #336b1f : -220
114 : #276b1f : -210
124 : #1f6b24 : -200
134 : #1f6b31 : -190
144 : #1f6b3d : -180
154 : #1f6b4a : -170
164 : #1f6b57 : -160
174 : #1f6b63 : -150
184 : #1f666b : -140
194 : #1f596b : -130
204 : #1f4c6b : -120
214 : #1f406b : -110
224 : #1f336b : -100
234 : #1f276b : -90
244 : #241f6b : -80
254 : #311f6b : -70
264 : #3d1f6b : -60
274 : #4a1f6b : -50
284 : #571f6b : -40
294 : #631f6b : -30
304 : #6b1f66 : -20
314 : #6b1f59 : -10
324 : #6b1f4c : ±0
334 : #6b1f40 : +10
344 : #6b1f33 : +20
354 : #6b1f27 : +30
314 : #6b1f59 : -10
315 : #6b1f58 : -9
316 : #6b1f57 : -8
317 : #6b1f55 : -7
318 : #6b1f54 : -6
319 : #6b1f53 : -5
320 : #6b1f51 : -4
321 : #6b1f50 : -3
322 : #6b1f4f : -2
323 : #6b1f4e : -1
324 : #6b1f4c : ±0
325 : #6b1f4b : +1
326 : #6b1f4a : +2
327 : #6b1f49 : +3
328 : #6b1f47 : +4
329 : #6b1f46 : +5
330 : #6b1f45 : +6
331 : #6b1f44 : +7
332 : #6b1f42 : +8
333 : #6b1f41 : +9
334 : #6b1f40 : +10
S : 彩度 ( 55% )
(0%) 渋い ~ 鮮やか (100%)
1 : #464445 : -54
3 : #474345 : -52
5 : #484146 : -50
7 : #4a4046 : -48
9 : #4b3f46 : -46
11 : #4c3d46 : -44
13 : #4e3c47 : -42
15 : #4f3b47 : -40
17 : #513947 : -38
19 : #523847 : -36
21 : #533648 : -34
23 : #553548 : -32
25 : #563448 : -30
27 : #573249 : -28
29 : #593149 : -26
31 : #5a3049 : -24
33 : #5c2e49 : -22
35 : #5d2d4a : -20
37 : #5e2b4a : -18
39 : #602a4a : -16
41 : #61294a : -14
43 : #62274b : -12
45 : #64264b : -10
47 : #65244b : -8
49 : #67234c : -6
51 : #68224c : -4
53 : #69204c : -2
55 : #6b1f4c : ±0
57 : #6c1e4d : +2
59 : #6d1c4d : +4
61 : #6f1b4d : +6
63 : #70194e : +8
65 : #72184e : +10
67 : #73174e : +12
69 : #74154e : +14
71 : #76144f : +16
73 : #77134f : +18
75 : #78114f : +20
77 : #7a104f : +22
79 : #7b0e50 : +24
81 : #7d0d50 : +26
83 : #7e0c50 : +28
85 : #7f0a51 : +30
87 : #810951 : +32
89 : #820851 : +34
91 : #840651 : +36
93 : #850552 : +38
95 : #860352 : +40
97 : #880252 : +42
99 : #890152 : +44
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #040103 : -26
3 : #0c0308 : -24
5 : #14060e : -22
7 : #1c0814 : -20
9 : #240a19 : -18
11 : #2b0d1f : -16
13 : #330f25 : -14
15 : #3b112a : -12
17 : #431430 : -10
19 : #4b1636 : -8
21 : #53183b : -6
23 : #5b1a41 : -4
25 : #631d47 : -2
27 : #6b1f4c : ±0
29 : #732152 : +2
31 : #7b2458 : +4
33 : #82265d : +6
35 : #8a2863 : +8
37 : #922a69 : +10
39 : #9a2d6e : +12
41 : #a22f74 : +14
43 : #aa317a : +16
45 : #b2347f : +18
47 : #ba3685 : +20
49 : #c2388b : +22
51 : #c73d90 : +24
53 : #c94594 : +26
55 : #cb4d99 : +28
57 : #ce559d : +30
59 : #d05da2 : +32
61 : #d265a6 : +34
63 : #d56dab : +36
65 : #d775b0 : +38
67 : #d97db4 : +40
69 : #db84b9 : +42
71 : #de8cbd : +44
73 : #e094c2 : +46
75 : #e29cc6 : +48
77 : #e5a4cb : +50
79 : #e7accf : +52
81 : #e9b4d4 : +54
83 : #ebbcd8 : +56
85 : #eec4dd : +58
87 : #f0cce1 : +60
89 : #f2d4e6 : +62
91 : #f5dbeb : +64
93 : #f7e3ef : +66
95 : #f9ebf4 : +68
97 : #fcf3f8 : +70
99 : #fefbfd : +72
CSS入門、作ってます。
text-shadow