#100408
RGB ( 赤 = 16, 緑 = 4, 青 = 8 )
HSL ( 色相 = 340°, 彩度 = 60%, 明度 = 4% )
H : 色相 ( 340° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #100404 : -340
10 : #100604 : -330
20 : #100804 : -320
30 : #100a04 : -310
40 : #100c04 : -300
50 : #100e04 : -290
60 : #101004 : -280
70 : #0e1004 : -270
80 : #0c1004 : -260
90 : #0a1004 : -250
100 : #081004 : -240
110 : #061004 : -230
120 : #041004 : -220
130 : #041006 : -210
140 : #041008 : -200
150 : #04100a : -190
160 : #04100c : -180
170 : #04100e : -170
180 : #041010 : -160
190 : #040e10 : -150
200 : #040c10 : -140
210 : #040a10 : -130
220 : #040810 : -120
230 : #040610 : -110
240 : #040410 : -100
250 : #060410 : -90
260 : #080410 : -80
270 : #0a0410 : -70
280 : #0c0410 : -60
290 : #0e0410 : -50
300 : #100410 : -40
310 : #10040e : -30
320 : #10040c : -20
330 : #10040a : -10
340 : #100408 : ±0
350 : #100406 : +10
330 : #10040a : -10
331 : #10040a : -9
332 : #10040a : -8
333 : #10040a : -7
334 : #100409 : -6
335 : #100409 : -5
336 : #100409 : -4
337 : #100409 : -3
338 : #100409 : -2
339 : #100408 : -1
340 : #100408 : ±0
341 : #100408 : +1
342 : #100408 : +2
343 : #100408 : +3
344 : #100407 : +4
345 : #100407 : +5
346 : #100407 : +6
347 : #100407 : +7
348 : #100407 : +8
349 : #100406 : +9
350 : #100406 : +10
S : 彩度 ( 60% )
(0%) 渋い ~ 鮮やか (100%)
0 : #0a0a0a : -60
2 : #0a0a0a : -58
4 : #0b0a0a : -56
6 : #0b0a0a : -54
8 : #0b090a : -52
10 : #0b090a : -50
12 : #0b090a : -48
14 : #0c090a : -46
16 : #0c090a : -44
18 : #0c080a : -42
20 : #0c080a : -40
22 : #0c0809 : -38
24 : #0d0809 : -36
26 : #0d0809 : -34
28 : #0d0709 : -32
30 : #0d0709 : -30
32 : #0d0709 : -28
34 : #0e0709 : -26
36 : #0e0709 : -24
38 : #0e0609 : -22
40 : #0e0609 : -20
42 : #0e0609 : -18
44 : #0f0609 : -16
46 : #0f0609 : -14
48 : #0f0509 : -12
50 : #0f0509 : -10
52 : #100508 : -8
54 : #100508 : -6
56 : #100408 : -4
58 : #100408 : -2
60 : #100408 : ±0
62 : #110408 : +2
64 : #110408 : +4
66 : #110308 : +6
68 : #110308 : +8
70 : #110308 : +10
72 : #120308 : +12
74 : #120308 : +14
76 : #120208 : +16
78 : #120208 : +18
80 : #120207 : +20
82 : #130207 : +22
84 : #130207 : +24
86 : #130107 : +26
88 : #130107 : +28
90 : #130107 : +30
92 : #140107 : +32
94 : #140107 : +34
96 : #140007 : +36
98 : #140007 : +38
100 : #140007 : +40
L : 明度 ( 4% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -4
2 : #080204 : -2
4 : #100408 : ±0
6 : #18060c : +2
8 : #210810 : +4
10 : #290a14 : +6
12 : #310c18 : +8
14 : #390e1d : +10
16 : #411021 : +12
18 : #491225 : +14
20 : #521429 : +16
22 : #5a162d : +18
24 : #621831 : +20
26 : #6a1b35 : +22
28 : #721d39 : +24
30 : #7a1f3d : +26
32 : #832141 : +28
34 : #8b2345 : +30
36 : #932549 : +32
38 : #9b274e : +34
40 : #a32952 : +36
42 : #ab2b56 : +38
44 : #b42d5a : +40
46 : #bc2f5e : +42
48 : #c43162 : +44
50 : #cc3366 : +46
52 : #ce3b6c : +48
54 : #d04372 : +50
56 : #d24b78 : +52
58 : #d4547e : +54
60 : #d65c85 : +56
62 : #d8648b : +58
64 : #da6c91 : +60
66 : #dc7497 : +62
68 : #de7c9d : +64
70 : #e085a3 : +66
72 : #e28da9 : +68
74 : #e495af : +70
76 : #e79db6 : +72
78 : #e9a5bc : +74
80 : #ebadc2 : +76
82 : #edb6c8 : +78
84 : #efbece : +80
86 : #f1c6d4 : +82
88 : #f3ceda : +84
90 : #f5d6e0 : +86
92 : #f7dee7 : +88
94 : #f9e7ed : +90
96 : #fbeff3 : +92
98 : #fdf7f9 : +94
100 : #ffffff : +96
CSS入門、作ってます。
text-shadow