#6f1f33
RGB ( 赤 = 111, 緑 = 31, 青 = 51 )
HSL ( 色相 = 345°, 彩度 = 56%, 明度 = 28% )
H : 色相 ( 345° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #6f261f : -340
15 : #6f331f : -330
25 : #6f411f : -320
35 : #6f4e1f : -310
45 : #6f5b1f : -300
55 : #6f691f : -290
65 : #696f1f : -280
75 : #5b6f1f : -270
85 : #4e6f1f : -260
95 : #416f1f : -250
105 : #336f1f : -240
115 : #266f1f : -230
125 : #1f6f26 : -220
135 : #1f6f33 : -210
145 : #1f6f41 : -200
155 : #1f6f4e : -190
165 : #1f6f5b : -180
175 : #1f6f69 : -170
185 : #1f696f : -160
195 : #1f5b6f : -150
205 : #1f4e6f : -140
215 : #1f416f : -130
225 : #1f336f : -120
235 : #1f266f : -110
245 : #261f6f : -100
255 : #331f6f : -90
265 : #411f6f : -80
275 : #4e1f6f : -70
285 : #5b1f6f : -60
295 : #691f6f : -50
305 : #6f1f69 : -40
315 : #6f1f5b : -30
325 : #6f1f4e : -20
335 : #6f1f41 : -10
345 : #6f1f33 : ±0
355 : #6f1f26 : +10
335 : #6f1f41 : -10
336 : #6f1f3f : -9
337 : #6f1f3e : -8
338 : #6f1f3d : -7
339 : #6f1f3b : -6
340 : #6f1f3a : -5
341 : #6f1f39 : -4
342 : #6f1f37 : -3
343 : #6f1f36 : -2
344 : #6f1f35 : -1
345 : #6f1f33 : ±0
346 : #6f1f32 : +1
347 : #6f1f31 : +2
348 : #6f1f2f : +3
349 : #6f1f2e : +4
350 : #6f1f2d : +5
351 : #6f1f2b : +6
352 : #6f1f2a : +7
353 : #6f1f29 : +8
354 : #6f1f27 : +9
355 : #6f1f26 : +10
S : 彩度 ( 56% )
(0%) 渋い ~ 鮮やか (100%)
0 : #474747 : -56
2 : #494647 : -54
4 : #4a4546 : -52
6 : #4c4345 : -50
8 : #4d4245 : -48
10 : #4f4044 : -46
12 : #503f43 : -44
14 : #513d42 : -42
16 : #533c42 : -40
18 : #543b41 : -38
20 : #563940 : -36
22 : #573840 : -34
24 : #59363f : -32
26 : #5a353e : -30
28 : #5b333d : -28
30 : #5d323d : -26
32 : #5e313c : -24
34 : #602f3b : -22
36 : #612e3b : -20
38 : #632c3a : -18
40 : #642b39 : -16
42 : #652938 : -14
44 : #672838 : -12
46 : #682737 : -10
48 : #6a2536 : -8
50 : #6b2436 : -6
52 : #6d2235 : -4
54 : #6e2134 : -2
56 : #6f1f33 : ±0
58 : #711e33 : +2
60 : #721d32 : +4
62 : #741b31 : +6
64 : #751a31 : +8
66 : #771830 : +10
68 : #78172f : +12
70 : #79152e : +14
72 : #7b142e : +16
74 : #7c132d : +18
76 : #7e112c : +20
78 : #7f102c : +22
80 : #810e2b : +24
82 : #820d2a : +26
84 : #830b29 : +28
86 : #850a29 : +30
88 : #860928 : +32
90 : #880727 : +34
92 : #890627 : +36
94 : #8b0426 : +38
96 : #8c0325 : +40
98 : #8d0124 : +42
100 : #8f0024 : +44
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #080204 : -26
4 : #100407 : -24
6 : #18070b : -22
8 : #20090f : -20
10 : #280b12 : -18
12 : #300d16 : -16
14 : #38101a : -14
16 : #40121d : -12
18 : #481421 : -10
20 : #501625 : -8
22 : #581928 : -6
24 : #5f1b2c : -4
26 : #671d30 : -2
28 : #6f1f33 : ±0
30 : #772237 : +2
32 : #7f243b : +4
34 : #87263e : +6
36 : #8f2842 : +8
38 : #972b46 : +10
40 : #9f2d49 : +12
42 : #a72f4d : +14
44 : #af3151 : +16
46 : #b73454 : +18
48 : #bf3658 : +20
50 : #c7385c : +22
52 : #c94062 : +24
54 : #cb4869 : +26
56 : #ce506f : +28
58 : #d05876 : +30
60 : #d2607c : +32
62 : #d46883 : +34
64 : #d77089 : +36
66 : #d97890 : +38
68 : #db8097 : +40
70 : #dd889d : +42
72 : #e090a4 : +44
74 : #e298aa : +46
76 : #e4a0b1 : +48
78 : #e6a7b7 : +50
80 : #e9afbe : +52
82 : #ebb7c4 : +54
84 : #edbfcb : +56
86 : #efc7d1 : +58
88 : #f2cfd8 : +60
90 : #f4d7de : +62
92 : #f6dfe5 : +64
94 : #f8e7eb : +66
96 : #fbeff2 : +68
98 : #fdf7f8 : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow