#422800
RGB ( 赤 = 66, 緑 = 40, 青 = 0 )
HSL ( 色相 = 36°, 彩度 = 100%, 明度 = 13% )
H : 色相 ( 36° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #420700 : -30
16 : #421200 : -20
26 : #421d00 : -10
36 : #422800 : ±0
46 : #423300 : +10
56 : #423e00 : +20
66 : #3c4200 : +30
76 : #314200 : +40
86 : #264200 : +50
96 : #1b4200 : +60
106 : #0f4200 : +70
116 : #044200 : +80
126 : #004207 : +90
136 : #004212 : +100
146 : #00421d : +110
156 : #004228 : +120
166 : #004233 : +130
176 : #00423e : +140
186 : #003c42 : +150
196 : #003142 : +160
206 : #002642 : +170
216 : #001b42 : +180
226 : #000f42 : +190
236 : #000442 : +200
246 : #070042 : +210
256 : #120042 : +220
266 : #1d0042 : +230
276 : #280042 : +240
286 : #330042 : +250
296 : #3e0042 : +260
306 : #42003c : +270
316 : #420031 : +280
326 : #420026 : +290
336 : #42001b : +300
346 : #42000f : +310
356 : #420004 : +320
26 : #421d00 : -10
27 : #421e00 : -9
28 : #421f00 : -8
29 : #422000 : -7
30 : #422100 : -6
31 : #422200 : -5
32 : #422300 : -4
33 : #422400 : -3
34 : #422600 : -2
35 : #422700 : -1
36 : #422800 : ±0
37 : #422900 : +1
38 : #422a00 : +2
39 : #422b00 : +3
40 : #422c00 : +4
41 : #422d00 : +5
42 : #422e00 : +6
43 : #423000 : +7
44 : #423100 : +8
45 : #423200 : +9
46 : #423300 : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #212121 : -100
2 : #222120 : -98
4 : #222120 : -96
6 : #23221f : -94
8 : #24221e : -92
10 : #24221e : -90
12 : #25221d : -88
14 : #26221d : -86
16 : #26221c : -84
18 : #27221b : -82
20 : #28221b : -80
22 : #28231a : -78
24 : #292319 : -76
26 : #2a2319 : -74
28 : #2a2318 : -72
30 : #2b2317 : -70
32 : #2c2317 : -68
34 : #2c2316 : -66
36 : #2d2415 : -64
38 : #2e2415 : -62
40 : #2e2414 : -60
42 : #2f2413 : -58
44 : #302413 : -56
46 : #302412 : -54
48 : #312411 : -52
50 : #322411 : -50
52 : #322510 : -48
54 : #33250f : -46
56 : #34250f : -44
58 : #34250e : -42
60 : #35250d : -40
62 : #36250d : -38
64 : #36250c : -36
66 : #37260b : -34
68 : #38260b : -32
70 : #38260a : -30
72 : #392609 : -28
74 : #3a2609 : -26
76 : #3a2608 : -24
78 : #3b2607 : -22
80 : #3c2607 : -20
82 : #3c2706 : -18
84 : #3d2705 : -16
86 : #3e2705 : -14
88 : #3e2704 : -12
90 : #3f2703 : -10
92 : #402703 : -8
94 : #402702 : -6
96 : #412801 : -4
98 : #422801 : -2
100 : #422800 : ±0
L : 明度 ( 13% )
(0%) 暗い ~ 明るい (100%)
1 : #050300 : -12
3 : #0f0900 : -10
5 : #1a0f00 : -8
7 : #241500 : -6
9 : #2e1c00 : -4
11 : #382200 : -2
13 : #422800 : ±0
15 : #4d2e00 : +2
17 : #573400 : +4
19 : #613a00 : +6
21 : #6b4000 : +8
23 : #754600 : +10
25 : #804d00 : +12
27 : #8a5300 : +14
29 : #945900 : +16
31 : #9e5f00 : +18
33 : #a86500 : +20
35 : #b36b00 : +22
37 : #bd7100 : +24
39 : #c77700 : +26
41 : #d17d00 : +28
43 : #db8400 : +30
45 : #e68a00 : +32
47 : #f09000 : +34
49 : #fa9600 : +36
51 : #ff9b05 : +38
53 : #ff9f0f : +40
55 : #ffa31a : +42
57 : #ffa724 : +44
59 : #ffab2e : +46
61 : #ffaf38 : +48
63 : #ffb442 : +50
65 : #ffb84d : +52
67 : #ffbc57 : +54
69 : #ffc061 : +56
71 : #ffc46b : +58
73 : #ffc875 : +60
75 : #ffcc80 : +62
77 : #ffd08a : +64
79 : #ffd494 : +66
81 : #ffd89e : +68
83 : #ffdca8 : +70
85 : #ffe0b3 : +72
87 : #ffe4bd : +74
89 : #ffe9c7 : +76
91 : #ffedd1 : +78
93 : #fff1db : +80
95 : #fff5e6 : +82
97 : #fff9f0 : +84
99 : #fffdfa : +86
CSS入門、作ってます。
text-shadow