#691b48
RGB ( 赤 = 105, 緑 = 27, 青 = 72 )
HSL ( 色相 = 325°, 彩度 = 59%, 明度 = 26% )
H : 色相 ( 325° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #69221b : -320
15 : #692f1b : -310
25 : #693c1b : -300
35 : #69491b : -290
45 : #69561b : -280
55 : #69631b : -270
65 : #63691b : -260
75 : #56691b : -250
85 : #49691b : -240
95 : #3c691b : -230
105 : #2f691b : -220
115 : #22691b : -210
125 : #1b6922 : -200
135 : #1b692f : -190
145 : #1b693c : -180
155 : #1b6949 : -170
165 : #1b6956 : -160
175 : #1b6963 : -150
185 : #1b6369 : -140
195 : #1b5669 : -130
205 : #1b4969 : -120
215 : #1b3c69 : -110
225 : #1b2f69 : -100
235 : #1b2269 : -90
245 : #221b69 : -80
255 : #2f1b69 : -70
265 : #3c1b69 : -60
275 : #491b69 : -50
285 : #561b69 : -40
295 : #631b69 : -30
305 : #691b63 : -20
315 : #691b56 : -10
325 : #691b49 : ±0
335 : #691b3c : +10
345 : #691b2f : +20
355 : #691b22 : +30
315 : #691b56 : -10
316 : #691b55 : -9
317 : #691b53 : -8
318 : #691b52 : -7
319 : #691b51 : -6
320 : #691b4f : -5
321 : #691b4e : -4
322 : #691b4d : -3
323 : #691b4b : -2
324 : #691b4a : -1
325 : #691b49 : ±0
326 : #691b48 : +1
327 : #691b46 : +2
328 : #691b45 : +3
329 : #691b44 : +4
330 : #691b42 : +5
331 : #691b41 : +6
332 : #691b40 : +7
333 : #691b3e : +8
334 : #691b3d : +9
335 : #691b3c : +10
S : 彩度 ( 59% )
(0%) 渋い ~ 鮮やか (100%)
1 : #434242 : -58
3 : #444043 : -56
5 : #463f43 : -54
7 : #473e43 : -52
9 : #483c43 : -50
11 : #4a3b44 : -48
13 : #4b3a44 : -46
15 : #4c3844 : -44
17 : #4e3744 : -42
19 : #4f3644 : -40
21 : #503445 : -38
23 : #523345 : -36
25 : #533245 : -34
27 : #543045 : -32
29 : #562f46 : -30
31 : #572e46 : -28
33 : #582c46 : -26
35 : #5a2b46 : -24
37 : #5b2a46 : -22
39 : #5c2847 : -20
41 : #5d2747 : -18
43 : #5f2647 : -16
45 : #602447 : -14
47 : #612347 : -12
49 : #632248 : -10
51 : #642048 : -8
53 : #651f48 : -6
55 : #671e48 : -4
57 : #681d49 : -2
59 : #691b49 : ±0
61 : #6b1a49 : +2
63 : #6c1949 : +4
65 : #6d1749 : +6
67 : #6f164a : +8
69 : #70154a : +10
71 : #71134a : +12
73 : #73124a : +14
75 : #74114b : +16
77 : #750f4b : +18
79 : #770e4b : +20
81 : #780d4b : +22
83 : #790b4b : +24
85 : #7b0a4c : +26
87 : #7c094c : +28
89 : #7d074c : +30
91 : #7f064c : +32
93 : #80054d : +34
95 : #81034d : +36
97 : #83024d : +38
99 : #84014d : +40
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #080206 : -24
4 : #10040b : -22
6 : #180611 : -20
8 : #200816 : -18
10 : #290a1c : -16
12 : #310d22 : -14
14 : #390f27 : -12
16 : #41112d : -10
18 : #491332 : -8
20 : #511538 : -6
22 : #59173e : -4
24 : #611943 : -2
26 : #691b49 : ±0
28 : #721d4e : +2
30 : #7a1f54 : +4
32 : #82215a : +6
34 : #8a245f : +8
36 : #922665 : +10
38 : #9a286a : +12
40 : #a22a70 : +14
42 : #aa2c76 : +16
44 : #b22e7b : +18
46 : #bb3081 : +20
48 : #c33286 : +22
50 : #cb348c : +24
52 : #cd3c91 : +26
54 : #cf4495 : +28
56 : #d14d9a : +30
58 : #d3559e : +32
60 : #d55da3 : +34
62 : #d765a8 : +36
64 : #d96dac : +38
66 : #db75b1 : +40
68 : #de7db5 : +42
70 : #e085ba : +44
72 : #e28dbf : +46
74 : #e496c3 : +48
76 : #e69ec8 : +50
78 : #e8a6cc : +52
80 : #eaaed1 : +54
82 : #ecb6d6 : +56
84 : #eebeda : +58
86 : #f0c6df : +60
88 : #f2cee3 : +62
90 : #f5d6e8 : +64
92 : #f7dfed : +66
94 : #f9e7f1 : +68
96 : #fbeff6 : +70
98 : #fdf7fa : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow