#40070c
RGB ( 赤 = 64, 緑 = 7, 青 = 12 )
HSL ( 色相 = 355°, 彩度 = 80%, 明度 = 14% )
H : 色相 ( 355° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #400c07 : -350
15 : #401507 : -340
25 : #401f07 : -330
35 : #402807 : -320
45 : #403207 : -310
55 : #403c07 : -300
65 : #3c4007 : -290
75 : #324007 : -280
85 : #284007 : -270
95 : #1f4007 : -260
105 : #154007 : -250
115 : #0c4007 : -240
125 : #07400c : -230
135 : #074015 : -220
145 : #07401f : -210
155 : #074028 : -200
165 : #074032 : -190
175 : #07403c : -180
185 : #073c40 : -170
195 : #073240 : -160
205 : #072840 : -150
215 : #071f40 : -140
225 : #071540 : -130
235 : #070c40 : -120
245 : #0c0740 : -110
255 : #150740 : -100
265 : #1f0740 : -90
275 : #280740 : -80
285 : #320740 : -70
295 : #3c0740 : -60
305 : #40073c : -50
315 : #400732 : -40
325 : #400728 : -30
335 : #40071f : -20
345 : #400715 : -10
355 : #40070c : ±0
345 : #400715 : -10
346 : #400714 : -9
347 : #400714 : -8
348 : #400713 : -7
349 : #400712 : -6
350 : #400711 : -5
351 : #400710 : -4
352 : #40070f : -3
353 : #40070e : -2
354 : #40070d : -1
355 : #40070c : ±0
356 : #40070b : +1
357 : #40070a : +2
358 : #400709 : +3
359 : #400708 : +4
0 : #400707 : -355
1 : #400807 : -354
2 : #400907 : -353
3 : #400a07 : -352
4 : #400b07 : -351
5 : #400c07 : -350
S : 彩度 ( 80% )
(0%) 渋い ~ 鮮やか (100%)
0 : #232323 : -80
2 : #242323 : -78
4 : #252223 : -76
6 : #262222 : -74
8 : #272121 : -72
10 : #272021 : -70
12 : #281f20 : -68
14 : #291f20 : -66
16 : #291e1f : -64
18 : #2a1d1e : -62
20 : #2b1d1e : -60
22 : #2c1c1d : -58
24 : #2c1b1d : -56
26 : #2d1a1c : -54
28 : #2e1a1b : -52
30 : #2e191b : -50
32 : #2f181a : -48
34 : #30181a : -46
36 : #311719 : -44
38 : #311618 : -42
40 : #321518 : -40
42 : #331517 : -38
44 : #331417 : -36
46 : #341316 : -34
48 : #351315 : -32
50 : #361215 : -30
52 : #361114 : -28
54 : #371014 : -26
56 : #381013 : -24
58 : #380f12 : -22
60 : #390e12 : -20
62 : #3a0e11 : -18
64 : #3b0d11 : -16
66 : #3b0c10 : -14
68 : #3c0b0f : -12
70 : #3d0b0f : -10
72 : #3d0a0e : -8
74 : #3e090e : -6
76 : #3f090d : -4
78 : #40080c : -2
80 : #40070c : ±0
82 : #41060b : +2
84 : #42060b : +4
86 : #42050a : +6
88 : #43040a : +8
90 : #440409 : +10
92 : #450308 : +12
94 : #450208 : +14
96 : #460107 : +16
98 : #470107 : +18
100 : #470006 : +20
L : 明度 ( 14% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -14
2 : #090102 : -12
4 : #120203 : -10
6 : #1c0305 : -8
8 : #250407 : -6
10 : #2e0509 : -4
12 : #37060a : -2
14 : #40070c : ±0
16 : #49080e : +2
18 : #53090f : +4
20 : #5c0a11 : +6
22 : #650b13 : +8
24 : #6e0c14 : +10
26 : #770d16 : +12
28 : #810e18 : +14
30 : #8a0f1a : +16
32 : #93101b : +18
34 : #9c111d : +20
36 : #a5121f : +22
38 : #ae1320 : +24
40 : #b81422 : +26
42 : #c11524 : +28
44 : #ca1625 : +30
46 : #d31727 : +32
48 : #dc1829 : +34
50 : #e61a2b : +36
52 : #e72333 : +38
54 : #e82c3c : +40
56 : #e93544 : +42
58 : #ea3e4d : +44
60 : #eb4755 : +46
62 : #ec515e : +48
64 : #ed5a66 : +50
66 : #ee636f : +52
68 : #ef6c77 : +54
70 : #f07580 : +56
72 : #f17e88 : +58
74 : #f28891 : +60
76 : #f39199 : +62
78 : #f49aa2 : +64
80 : #f5a3aa : +66
82 : #f6acb3 : +68
84 : #f7b6bb : +70
86 : #f8bfc4 : +72
88 : #f9c8cc : +74
90 : #fad1d5 : +76
92 : #fbdadd : +78
94 : #fce3e6 : +80
96 : #fdedee : +82
98 : #fef6f7 : +84
100 : #ffffff : +86
CSS入門、作ってます。
text-shadow