#68123c
RGB ( 赤 = 104, 緑 = 18, 青 = 60 )
HSL ( 色相 = 331°, 彩度 = 70%, 明度 = 24% )
H : 色相 ( 331° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #681412 : -330
11 : #682212 : -320
21 : #683012 : -310
31 : #683f12 : -300
41 : #684d12 : -290
51 : #685b12 : -280
61 : #676812 : -270
71 : #586812 : -260
81 : #4a6812 : -250
91 : #3c6812 : -240
101 : #2d6812 : -230
111 : #1f6812 : -220
121 : #126814 : -210
131 : #126822 : -200
141 : #126830 : -190
151 : #12683f : -180
161 : #12684d : -170
171 : #12685b : -160
181 : #126768 : -150
191 : #125868 : -140
201 : #124a68 : -130
211 : #123c68 : -120
221 : #122d68 : -110
231 : #121f68 : -100
241 : #141268 : -90
251 : #221268 : -80
261 : #301268 : -70
271 : #3f1268 : -60
281 : #4d1268 : -50
291 : #5b1268 : -40
301 : #681267 : -30
311 : #681258 : -20
321 : #68124a : -10
331 : #68123c : ±0
341 : #68122d : +10
351 : #68121f : +20
321 : #68124a : -10
322 : #681249 : -9
323 : #681247 : -8
324 : #681246 : -7
325 : #681244 : -6
326 : #681243 : -5
327 : #681241 : -4
328 : #681240 : -3
329 : #68123f : -2
330 : #68123d : -1
331 : #68123c : ±0
332 : #68123a : +1
333 : #681239 : +2
334 : #681237 : +3
335 : #681236 : +4
336 : #681235 : +5
337 : #681233 : +6
338 : #681232 : +7
339 : #681230 : +8
340 : #68122f : +9
341 : #68122d : +10
S : 彩度 ( 70% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -70
2 : #3e3c3d : -68
4 : #403b3d : -66
6 : #413a3d : -64
8 : #42383d : -62
10 : #43373d : -60
12 : #45363d : -58
14 : #46353d : -56
16 : #47333d : -54
18 : #48323d : -52
20 : #49313d : -50
22 : #4b303d : -48
24 : #4c2f3d : -46
26 : #4d2d3d : -44
28 : #4e2c3d : -42
30 : #502b3d : -40
32 : #512a3d : -38
34 : #52283d : -36
36 : #53273c : -34
38 : #54263c : -32
40 : #56253c : -30
42 : #57233c : -28
44 : #58223c : -26
46 : #59213c : -24
48 : #5b203c : -22
50 : #5c1f3c : -20
52 : #5d1d3c : -18
54 : #5e1c3c : -16
56 : #5f1b3c : -14
58 : #611a3c : -12
60 : #62183c : -10
62 : #63173c : -8
64 : #64163c : -6
66 : #66153c : -4
68 : #67143c : -2
70 : #68123c : ±0
72 : #69113c : +2
74 : #6a103c : +4
76 : #6c0f3c : +6
78 : #6d0d3c : +8
80 : #6e0c3c : +10
82 : #6f0b3c : +12
84 : #710a3b : +14
86 : #72093b : +16
88 : #73073b : +18
90 : #74063b : +20
92 : #76053b : +22
94 : #77043b : +24
96 : #78023b : +26
98 : #79013b : +28
100 : #7a003b : +30
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #090205 : -22
4 : #11030a : -20
6 : #1a050f : -18
8 : #230614 : -16
10 : #2b0819 : -14
12 : #34091e : -12
14 : #3d0b23 : -10
16 : #450c28 : -8
18 : #4e0e2d : -6
20 : #570f32 : -4
22 : #5f1137 : -2
24 : #68123c : ±0
26 : #711441 : +2
28 : #791546 : +4
30 : #82174b : +6
32 : #8b1850 : +8
34 : #931a55 : +10
36 : #9c1c5a : +12
38 : #a51d5f : +14
40 : #ad1f64 : +16
42 : #b62069 : +18
44 : #bf226e : +20
46 : #c72373 : +22
48 : #d02578 : +24
50 : #d9267d : +26
52 : #da2f82 : +28
54 : #dc3887 : +30
56 : #dd408c : +32
58 : #df4991 : +34
60 : #e05297 : +36
62 : #e25a9c : +38
64 : #e363a1 : +40
66 : #e56ca6 : +42
68 : #e774ab : +44
70 : #e87db1 : +46
72 : #ea86b6 : +48
74 : #eb8ebb : +50
76 : #ed97c0 : +52
78 : #eea0c6 : +54
80 : #f0a8cb : +56
82 : #f1b1d0 : +58
84 : #f3bad5 : +60
86 : #f4c2da : +62
88 : #f6cbe0 : +64
90 : #f7d4e5 : +66
92 : #f9dcea : +68
94 : #fae5ef : +70
96 : #fceef5 : +72
98 : #fdf6fa : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow