#450c25
RGB ( 赤 = 69, 緑 = 12, 青 = 37 )
HSL ( 色相 = 334°, 彩度 = 70%, 明度 = 16% )
H : 色相 ( 334° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #45100c : -330
14 : #451a0c : -320
24 : #45230c : -310
34 : #452d0c : -300
44 : #45360c : -290
54 : #45400c : -280
64 : #42450c : -270
74 : #38450c : -260
84 : #2f450c : -250
94 : #25450c : -240
104 : #1b450c : -230
114 : #12450c : -220
124 : #0c4510 : -210
134 : #0c451a : -200
144 : #0c4523 : -190
154 : #0c452d : -180
164 : #0c4536 : -170
174 : #0c4540 : -160
184 : #0c4245 : -150
194 : #0c3845 : -140
204 : #0c2f45 : -130
214 : #0c2545 : -120
224 : #0c1b45 : -110
234 : #0c1245 : -100
244 : #100c45 : -90
254 : #1a0c45 : -80
264 : #230c45 : -70
274 : #2d0c45 : -60
284 : #360c45 : -50
294 : #400c45 : -40
304 : #450c42 : -30
314 : #450c38 : -20
324 : #450c2f : -10
334 : #450c25 : ±0
344 : #450c1b : +10
354 : #450c12 : +20
324 : #450c2f : -10
325 : #450c2e : -9
326 : #450c2d : -8
327 : #450c2c : -7
328 : #450c2b : -6
329 : #450c2a : -5
330 : #450c29 : -4
331 : #450c28 : -3
332 : #450c27 : -2
333 : #450c26 : -1
334 : #450c25 : ±0
335 : #450c24 : +1
336 : #450c23 : +2
337 : #450c22 : +3
338 : #450c21 : +4
339 : #450c20 : +5
340 : #450c1f : +6
341 : #450c1e : +7
342 : #450c1d : +8
343 : #450c1c : +9
344 : #450c1b : +10
S : 彩度 ( 70% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -70
2 : #2a2829 : -68
4 : #2a2729 : -66
6 : #2b2628 : -64
8 : #2c2628 : -62
10 : #2d2528 : -60
12 : #2e2428 : -58
14 : #2f2328 : -56
16 : #2f2228 : -54
18 : #302128 : -52
20 : #312128 : -50
22 : #322028 : -48
24 : #331f27 : -46
26 : #331e27 : -44
28 : #341d27 : -42
30 : #351d27 : -40
32 : #361c27 : -38
34 : #371b27 : -36
36 : #371a27 : -34
38 : #381927 : -32
40 : #391827 : -30
42 : #3a1827 : -28
44 : #3b1726 : -26
46 : #3c1626 : -24
48 : #3c1526 : -22
50 : #3d1426 : -20
52 : #3e1426 : -18
54 : #3f1326 : -16
56 : #401226 : -14
58 : #401126 : -12
60 : #411026 : -10
62 : #421025 : -8
64 : #430f25 : -6
66 : #440e25 : -4
68 : #450d25 : -2
70 : #450c25 : ±0
72 : #460b25 : +2
74 : #470b25 : +4
76 : #480a25 : +6
78 : #490925 : +8
80 : #490824 : +10
82 : #4a0724 : +12
84 : #4b0724 : +14
86 : #4c0624 : +16
88 : #4d0524 : +18
90 : #4e0424 : +20
92 : #4e0324 : +22
94 : #4f0224 : +24
96 : #500224 : +26
98 : #510123 : +28
100 : #520023 : +30
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #090205 : -14
4 : #110309 : -12
6 : #1a050e : -10
8 : #230612 : -8
10 : #2b0817 : -6
12 : #34091c : -4
14 : #3d0b20 : -2
16 : #450c25 : ±0
18 : #4e0e2a : +2
20 : #570f2e : +4
22 : #5f1133 : +6
24 : #681237 : +8
26 : #71143c : +10
28 : #791541 : +12
30 : #821745 : +14
32 : #8b184a : +16
34 : #931a4f : +18
36 : #9c1c53 : +20
38 : #a51d58 : +22
40 : #ad1f5c : +24
42 : #b62061 : +26
44 : #bf2266 : +28
46 : #c7236a : +30
48 : #d0256f : +32
50 : #d92674 : +34
52 : #da2f79 : +36
54 : #dc387f : +38
56 : #dd4084 : +40
58 : #df498a : +42
60 : #e0528f : +44
62 : #e25a95 : +46
64 : #e3639b : +48
66 : #e56ca0 : +50
68 : #e774a6 : +52
70 : #e87dab : +54
72 : #ea86b1 : +56
74 : #eb8eb7 : +58
76 : #ed97bc : +60
78 : #eea0c2 : +62
80 : #f0a8c7 : +64
82 : #f1b1cd : +66
84 : #f3bad2 : +68
86 : #f4c2d8 : +70
88 : #f6cbde : +72
90 : #f7d4e3 : +74
92 : #f9dce9 : +76
94 : #fae5ee : +78
96 : #fceef4 : +80
98 : #fdf6f9 : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow