#691748
RGB ( 赤 = 105, 緑 = 23, 青 = 72 )
HSL ( 色相 = 324°, 彩度 = 64%, 明度 = 25% )
H : 色相 ( 324° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #691c17 : -320
14 : #692a17 : -310
24 : #693817 : -300
34 : #694517 : -290
44 : #695317 : -280
54 : #696017 : -270
64 : #636917 : -260
74 : #566917 : -250
84 : #486917 : -240
94 : #3a6917 : -230
104 : #2d6917 : -220
114 : #1f6917 : -210
124 : #17691c : -200
134 : #17692a : -190
144 : #176938 : -180
154 : #176945 : -170
164 : #176953 : -160
174 : #176960 : -150
184 : #176369 : -140
194 : #175669 : -130
204 : #174869 : -120
214 : #173a69 : -110
224 : #172d69 : -100
234 : #171f69 : -90
244 : #1c1769 : -80
254 : #2a1769 : -70
264 : #381769 : -60
274 : #451769 : -50
284 : #531769 : -40
294 : #601769 : -30
304 : #691763 : -20
314 : #691756 : -10
324 : #691748 : ±0
334 : #69173a : +10
344 : #69172d : +20
354 : #69171f : +30
314 : #691756 : -10
315 : #691754 : -9
316 : #691753 : -8
317 : #691751 : -7
318 : #691750 : -6
319 : #69174f : -5
320 : #69174d : -4
321 : #69174c : -3
322 : #69174b : -2
323 : #691749 : -1
324 : #691748 : ±0
325 : #691747 : +1
326 : #691745 : +2
327 : #691744 : +3
328 : #691742 : +4
329 : #691741 : +5
330 : #691740 : +6
331 : #69173e : +7
332 : #69173d : +8
333 : #69173c : +9
334 : #69173a : +10
S : 彩度 ( 64% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3f3f3f : -64
2 : #413e40 : -62
4 : #423d40 : -60
6 : #443c41 : -58
8 : #453b41 : -56
10 : #463941 : -54
12 : #473841 : -52
14 : #493742 : -50
16 : #4a3642 : -48
18 : #4b3442 : -46
20 : #4d3342 : -44
22 : #4e3243 : -42
24 : #4f3043 : -40
26 : #502f43 : -38
28 : #522e43 : -36
30 : #532d44 : -34
32 : #542b44 : -32
34 : #552a44 : -30
36 : #572944 : -28
38 : #582845 : -26
40 : #592645 : -24
42 : #5b2545 : -22
44 : #5c2445 : -20
46 : #5d2246 : -18
48 : #5e2146 : -16
50 : #602046 : -14
52 : #611f46 : -12
54 : #621d47 : -10
56 : #631c47 : -8
58 : #651b47 : -6
60 : #661a47 : -4
62 : #671848 : -2
64 : #691748 : ±0
66 : #6a1648 : +2
68 : #6b1448 : +4
70 : #6c1349 : +6
72 : #6e1249 : +8
74 : #6f1149 : +10
76 : #700f49 : +12
78 : #710e4a : +14
80 : #730d4a : +16
82 : #740b4a : +18
84 : #750a4a : +20
86 : #77094b : +22
88 : #78084b : +24
90 : #79064b : +26
92 : #7a054b : +28
94 : #7c044c : +30
96 : #7d034c : +32
98 : #7e014c : +34
100 : #80004d : +36
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #040103 : -24
3 : #0d0309 : -22
5 : #15050e : -20
7 : #1d0614 : -18
9 : #26081a : -16
11 : #2e0a20 : -14
13 : #360c25 : -12
15 : #3f0e2b : -10
17 : #471031 : -8
19 : #4f1137 : -6
21 : #58133c : -4
23 : #601542 : -2
25 : #691748 : ±0
27 : #71194e : +2
29 : #791b53 : +4
31 : #821c59 : +6
33 : #8a1e5f : +8
35 : #922065 : +10
37 : #9b226a : +12
39 : #a32470 : +14
41 : #ab2676 : +16
43 : #b4277c : +18
45 : #bc2981 : +20
47 : #c52b87 : +22
49 : #cd2d8d : +24
51 : #d23292 : +26
53 : #d43a96 : +28
55 : #d6439b : +30
57 : #d84b9f : +32
59 : #d954a4 : +34
61 : #db5ca8 : +36
63 : #dd64ad : +38
65 : #df6db1 : +40
67 : #e175b6 : +42
69 : #e37dba : +44
71 : #e486bf : +46
73 : #e68ec3 : +48
75 : #e896c7 : +50
77 : #ea9fcc : +52
79 : #eca7d0 : +54
81 : #eeb0d5 : +56
83 : #efb8d9 : +58
85 : #f1c0de : +60
87 : #f3c9e2 : +62
89 : #f5d1e7 : +64
91 : #f7d9eb : +66
93 : #f9e2ef : +68
95 : #faeaf4 : +70
97 : #fcf2f8 : +72
99 : #fefbfd : +74
CSS入門、作ってます。
text-shadow