#40400a
RGB ( 赤 = 64, 緑 = 64, 青 = 10 )
HSL ( 色相 = 60°, 彩度 = 73%, 明度 = 15% )
H : 色相 ( 60° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #420a0a : -60
10 : #42140a : -50
20 : #421d0a : -40
30 : #42260a : -30
40 : #42300a : -20
50 : #42390a : -10
60 : #42420a : ±0
70 : #39420a : +10
80 : #30420a : +20
90 : #26420a : +30
100 : #1d420a : +40
110 : #14420a : +50
120 : #0a420a : +60
130 : #0a4214 : +70
140 : #0a421d : +80
150 : #0a4226 : +90
160 : #0a4230 : +100
170 : #0a4239 : +110
180 : #0a4242 : +120
190 : #0a3942 : +130
200 : #0a3042 : +140
210 : #0a2642 : +150
220 : #0a1d42 : +160
230 : #0a1442 : +170
240 : #0a0a42 : +180
250 : #140a42 : +190
260 : #1d0a42 : +200
270 : #260a42 : +210
280 : #300a42 : +220
290 : #390a42 : +230
300 : #420a42 : +240
310 : #420a39 : +250
320 : #420a30 : +260
330 : #420a26 : +270
340 : #420a1d : +280
350 : #420a14 : +290
50 : #42390a : -10
51 : #423a0a : -9
52 : #423b0a : -8
53 : #423c0a : -7
54 : #423d0a : -6
55 : #423e0a : -5
56 : #423e0a : -4
57 : #423f0a : -3
58 : #42400a : -2
59 : #42410a : -1
60 : #42420a : ±0
61 : #41420a : +1
62 : #40420a : +2
63 : #3f420a : +3
64 : #3e420a : +4
65 : #3e420a : +5
66 : #3d420a : +6
67 : #3c420a : +7
68 : #3b420a : +8
69 : #3a420a : +9
70 : #39420a : +10
S : 彩度 ( 73% )
(0%) 渋い ~ 鮮やか (100%)
1 : #272726 : -72
3 : #272725 : -70
5 : #282824 : -68
7 : #292924 : -66
9 : #2a2a23 : -64
11 : #2a2a22 : -62
13 : #2b2b21 : -60
15 : #2c2c21 : -58
17 : #2d2d20 : -56
19 : #2e2e1f : -54
21 : #2e2e1e : -52
23 : #2f2f1d : -50
25 : #30301d : -48
27 : #31311c : -46
29 : #31311b : -44
31 : #32321a : -42
33 : #33331a : -40
35 : #343419 : -38
37 : #343418 : -36
39 : #353517 : -34
41 : #363617 : -32
43 : #373716 : -30
45 : #373715 : -28
47 : #383814 : -26
49 : #393914 : -24
51 : #3a3a13 : -22
53 : #3b3b12 : -20
55 : #3b3b11 : -18
57 : #3c3c10 : -16
59 : #3d3d10 : -14
61 : #3e3e0f : -12
63 : #3e3e0e : -10
65 : #3f3f0d : -8
67 : #40400d : -6
69 : #41410c : -4
71 : #41410b : -2
73 : #42420a : ±0
75 : #43430a : +2
77 : #444409 : +4
79 : #444408 : +6
81 : #454507 : +8
83 : #464607 : +10
85 : #474706 : +12
87 : #484805 : +14
89 : #484804 : +16
91 : #494903 : +18
93 : #4a4a03 : +20
95 : #4b4b02 : +22
97 : #4b4b01 : +24
99 : #4c4c00 : +26
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #040401 : -14
3 : #0d0d02 : -12
5 : #161603 : -10
7 : #1f1f05 : -8
9 : #282806 : -6
11 : #313108 : -4
13 : #393909 : -2
15 : #42420a : ±0
17 : #4b4b0c : +2
19 : #54540d : +4
21 : #5d5d0e : +6
23 : #656510 : +8
25 : #6e6e11 : +10
27 : #777713 : +12
29 : #808014 : +14
31 : #898915 : +16
33 : #929217 : +18
35 : #9a9a18 : +20
37 : #a3a319 : +22
39 : #acac1b : +24
41 : #b5b51c : +26
43 : #bebe1e : +28
45 : #c7c71f : +30
47 : #cfcf20 : +32
49 : #d8d822 : +34
51 : #dddd27 : +36
53 : #dfdf30 : +38
55 : #e0e038 : +40
57 : #e1e141 : +42
59 : #e3e34a : +44
61 : #e4e453 : +46
63 : #e6e65c : +48
65 : #e7e765 : +50
67 : #e8e86d : +52
69 : #eaea76 : +54
71 : #ebeb7f : +56
73 : #ecec88 : +58
75 : #eeee91 : +60
77 : #efef9a : +62
79 : #f1f1a2 : +64
81 : #f2f2ab : +66
83 : #f3f3b4 : +68
85 : #f5f5bd : +70
87 : #f6f6c6 : +72
89 : #f7f7ce : +74
91 : #f9f9d7 : +76
93 : #fafae0 : +78
95 : #fcfce9 : +80
97 : #fdfdf2 : +82
99 : #fefefb : +84
CSS入門、作ってます。
text-shadow