#450c3e
RGB ( 赤 = 69, 緑 = 12, 青 = 62 )
HSL ( 色相 = 307°, 彩度 = 70%, 明度 = 16% )
H : 色相 ( 307° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #45130c : -300
17 : #451c0c : -290
27 : #45260c : -280
37 : #452f0c : -270
47 : #45390c : -260
57 : #45430c : -250
67 : #3f450c : -240
77 : #35450c : -230
87 : #2c450c : -220
97 : #22450c : -210
107 : #19450c : -200
117 : #0f450c : -190
127 : #0c4513 : -180
137 : #0c451c : -170
147 : #0c4526 : -160
157 : #0c452f : -150
167 : #0c4539 : -140
177 : #0c4543 : -130
187 : #0c3f45 : -120
197 : #0c3545 : -110
207 : #0c2c45 : -100
217 : #0c2245 : -90
227 : #0c1945 : -80
237 : #0c0f45 : -70
247 : #130c45 : -60
257 : #1c0c45 : -50
267 : #260c45 : -40
277 : #2f0c45 : -30
287 : #390c45 : -20
297 : #430c45 : -10
307 : #450c3f : ±0
317 : #450c35 : +10
327 : #450c2c : +20
337 : #450c22 : +30
347 : #450c19 : +40
357 : #450c0f : +50
297 : #430c45 : -10
298 : #430c45 : -9
299 : #440c45 : -8
300 : #450c45 : -7
301 : #450c44 : -6
302 : #450c43 : -5
303 : #450c43 : -4
304 : #450c42 : -3
305 : #450c41 : -2
306 : #450c40 : -1
307 : #450c3f : ±0
308 : #450c3e : +1
309 : #450c3d : +2
310 : #450c3c : +3
311 : #450c3b : +4
312 : #450c3a : +5
313 : #450c39 : +6
314 : #450c38 : +7
315 : #450c37 : +8
316 : #450c36 : +9
317 : #450c35 : +10
S : 彩度 ( 70% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -70
2 : #2a2829 : -68
4 : #2a272a : -66
6 : #2b262b : -64
8 : #2c262b : -62
10 : #2d252c : -60
12 : #2e242d : -58
14 : #2f232d : -56
16 : #2f222e : -54
18 : #30212e : -52
20 : #31212f : -50
22 : #322030 : -48
24 : #331f30 : -46
26 : #331e31 : -44
28 : #341d32 : -42
30 : #351d32 : -40
32 : #361c33 : -38
34 : #371b33 : -36
36 : #371a34 : -34
38 : #381935 : -32
40 : #391835 : -30
42 : #3a1836 : -28
44 : #3b1737 : -26
46 : #3c1637 : -24
48 : #3c1538 : -22
50 : #3d1438 : -20
52 : #3e1439 : -18
54 : #3f133a : -16
56 : #40123a : -14
58 : #40113b : -12
60 : #41103c : -10
62 : #42103c : -8
64 : #430f3d : -6
66 : #440e3d : -4
68 : #450d3e : -2
70 : #450c3f : ±0
72 : #460b3f : +2
74 : #470b40 : +4
76 : #480a41 : +6
78 : #490941 : +8
80 : #490842 : +10
82 : #4a0742 : +12
84 : #4b0743 : +14
86 : #4c0644 : +16
88 : #4d0544 : +18
90 : #4e0445 : +20
92 : #4e0346 : +22
94 : #4f0246 : +24
96 : #500247 : +26
98 : #510147 : +28
100 : #520048 : +30
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #090208 : -14
4 : #110310 : -12
6 : #1a0518 : -10
8 : #23061f : -8
10 : #2b0827 : -6
12 : #34092f : -4
14 : #3d0b37 : -2
16 : #450c3f : ±0
18 : #4e0e47 : +2
20 : #570f4e : +4
22 : #5f1156 : +6
24 : #68125e : +8
26 : #711466 : +10
28 : #79156e : +12
30 : #821776 : +14
32 : #8b187d : +16
34 : #931a85 : +18
36 : #9c1c8d : +20
38 : #a51d95 : +22
40 : #ad1f9d : +24
42 : #b620a5 : +26
44 : #bf22ac : +28
46 : #c723b4 : +30
48 : #d025bc : +32
50 : #d926c4 : +34
52 : #da2fc6 : +36
54 : #dc38c9 : +38
56 : #dd40cb : +40
58 : #df49cd : +42
60 : #e052d0 : +44
62 : #e25ad2 : +46
64 : #e363d4 : +48
66 : #e56cd7 : +50
68 : #e774d9 : +52
70 : #e87ddc : +54
72 : #ea86de : +56
74 : #eb8ee0 : +58
76 : #ed97e3 : +60
78 : #eea0e5 : +62
80 : #f0a8e7 : +64
82 : #f1b1ea : +66
84 : #f3baec : +68
86 : #f4c2ee : +70
88 : #f6cbf1 : +72
90 : #f7d4f3 : +74
92 : #f9dcf6 : +76
94 : #fae5f8 : +78
96 : #fceefa : +80
98 : #fdf6fd : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow