#680363
RGB ( 赤 = 104, 緑 = 3, 青 = 99 )
HSL ( 色相 = 303°, 彩度 = 94%, 明度 = 21% )
H : 色相 ( 303° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #680803 : -300
13 : #681903 : -290
23 : #682a03 : -280
33 : #683b03 : -270
43 : #684b03 : -260
53 : #685c03 : -250
63 : #636803 : -240
73 : #526803 : -230
83 : #416803 : -220
93 : #316803 : -210
103 : #206803 : -200
113 : #0f6803 : -190
123 : #036808 : -180
133 : #036819 : -170
143 : #03682a : -160
153 : #03683b : -150
163 : #03684b : -140
173 : #03685c : -130
183 : #036368 : -120
193 : #035268 : -110
203 : #034168 : -100
213 : #033168 : -90
223 : #032068 : -80
233 : #030f68 : -70
243 : #080368 : -60
253 : #190368 : -50
263 : #2a0368 : -40
273 : #3b0368 : -30
283 : #4b0368 : -20
293 : #5c0368 : -10
303 : #680363 : ±0
313 : #680352 : +10
323 : #680341 : +20
333 : #680331 : +30
343 : #680320 : +40
353 : #68030f : +50
293 : #5c0368 : -10
294 : #5e0368 : -9
295 : #5f0368 : -8
296 : #610368 : -7
297 : #630368 : -6
298 : #650368 : -5
299 : #660368 : -4
300 : #680368 : -3
301 : #680366 : -2
302 : #680365 : -1
303 : #680363 : ±0
304 : #680361 : +1
305 : #68035f : +2
306 : #68035e : +3
307 : #68035c : +4
308 : #68035a : +5
309 : #680359 : +6
310 : #680357 : +7
311 : #680355 : +8
312 : #680354 : +9
313 : #680352 : +10
S : 彩度 ( 94% )
(0%) 渋い ~ 鮮やか (100%)
0 : #353535 : -94
2 : #373437 : -92
4 : #383337 : -90
6 : #393238 : -88
8 : #3a3139 : -86
10 : #3b303a : -84
12 : #3c2f3b : -82
14 : #3d2e3c : -80
16 : #3e2d3d : -78
18 : #3f2c3e : -76
20 : #402b3f : -74
22 : #412a40 : -72
24 : #422941 : -70
26 : #432842 : -68
28 : #452743 : -66
30 : #462544 : -64
32 : #472445 : -62
34 : #482346 : -60
36 : #492247 : -58
38 : #4a2148 : -56
40 : #4b2049 : -54
42 : #4c1f4a : -52
44 : #4d1e4b : -50
46 : #4e1d4c : -48
48 : #4f1c4d : -46
50 : #501b4e : -44
52 : #511a4f : -42
54 : #521950 : -40
56 : #541851 : -38
58 : #551652 : -36
60 : #561552 : -34
62 : #571453 : -32
64 : #581354 : -30
66 : #591255 : -28
68 : #5a1156 : -26
70 : #5b1057 : -24
72 : #5c0f58 : -22
74 : #5d0e59 : -20
76 : #5e0d5a : -18
78 : #5f0c5b : -16
80 : #600b5c : -14
82 : #610a5d : -12
84 : #63095e : -10
86 : #64075f : -8
88 : #650660 : -6
90 : #660561 : -4
92 : #670462 : -2
94 : #680363 : ±0
96 : #690264 : +2
98 : #6a0165 : +4
100 : #6b0066 : +6
L : 明度 ( 21% )
(0%) 暗い ~ 明るい (100%)
1 : #050005 : -20
3 : #0f000e : -18
5 : #190118 : -16
7 : #230121 : -14
9 : #2d012a : -12
11 : #360234 : -10
13 : #40023d : -8
15 : #4a0247 : -6
17 : #540350 : -4
19 : #5e0359 : -2
21 : #680363 : ±0
23 : #72046c : +2
25 : #7c0476 : +4
27 : #86047f : +6
29 : #8f0489 : +8
31 : #990592 : +10
33 : #a3059b : +12
35 : #ad05a5 : +14
37 : #b706ae : +16
39 : #c106b8 : +18
41 : #cb06c1 : +20
43 : #d507ca : +22
45 : #df07d4 : +24
47 : #e907dd : +26
49 : #f207e7 : +28
51 : #f80dec : +30
53 : #f816ed : +32
55 : #f820ed : +34
57 : #f82aee : +36
59 : #f934ef : +38
61 : #f93ef0 : +40
63 : #f948f0 : +42
65 : #fa52f1 : +44
67 : #fa5cf2 : +46
69 : #fa66f3 : +48
71 : #fb70f4 : +50
73 : #fb79f4 : +52
75 : #fb83f5 : +54
77 : #fb8df6 : +56
79 : #fc97f7 : +58
81 : #fca1f8 : +60
83 : #fcabf8 : +62
85 : #fdb5f9 : +64
87 : #fdbffa : +66
89 : #fdc9fb : +68
91 : #fed2fb : +70
93 : #fedcfc : +72
95 : #fee6fd : +74
97 : #fff0fe : +76
99 : #fffaff : +78
CSS入門、作ってます。
text-shadow