#284428
RGB ( 赤 = 40, 緑 = 68, 青 = 40 )
HSL ( 色相 = 120°, 彩度 = 26%, 明度 = 21% )
H : 色相 ( 120° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #432828 : -120
10 : #432c28 : -110
20 : #433128 : -100
30 : #433628 : -90
40 : #433a28 : -80
50 : #433f28 : -70
60 : #434328 : -60
70 : #3f4328 : -50
80 : #3a4328 : -40
90 : #364328 : -30
100 : #314328 : -20
110 : #2c4328 : -10
120 : #284328 : ±0
130 : #28432c : +10
140 : #284331 : +20
150 : #284336 : +30
160 : #28433a : +40
170 : #28433f : +50
180 : #284343 : +60
190 : #283f43 : +70
200 : #283a43 : +80
210 : #283643 : +90
220 : #283143 : +100
230 : #282c43 : +110
240 : #282843 : +120
250 : #2c2843 : +130
260 : #312843 : +140
270 : #362843 : +150
280 : #3a2843 : +160
290 : #3f2843 : +170
300 : #432843 : +180
310 : #43283f : +190
320 : #43283a : +200
330 : #432836 : +210
340 : #432831 : +220
350 : #43282c : +230
110 : #2c4328 : -10
111 : #2c4328 : -9
112 : #2b4328 : -8
113 : #2b4328 : -7
114 : #2a4328 : -6
115 : #2a4328 : -5
116 : #294328 : -4
117 : #294328 : -3
118 : #294328 : -2
119 : #284328 : -1
120 : #284328 : ±0
121 : #284328 : +1
122 : #284329 : +2
123 : #284329 : +3
124 : #284329 : +4
125 : #28432a : +5
126 : #28432a : +6
127 : #28432b : +7
128 : #28432b : +8
129 : #28432c : +9
130 : #28432c : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #353535 : -26
2 : #343734 : -24
4 : #333833 : -22
6 : #323932 : -20
8 : #313a31 : -18
10 : #303b30 : -16
12 : #2f3c2f : -14
14 : #2e3d2e : -12
16 : #2d3e2d : -10
18 : #2c3f2c : -8
20 : #2b402b : -6
22 : #2a412a : -4
24 : #294229 : -2
26 : #284328 : ±0
28 : #274527 : +2
30 : #254625 : +4
32 : #244724 : +6
34 : #234823 : +8
36 : #224922 : +10
38 : #214a21 : +12
40 : #204b20 : +14
42 : #1f4c1f : +16
44 : #1e4d1e : +18
46 : #1d4e1d : +20
48 : #1c4f1c : +22
50 : #1b501b : +24
52 : #1a511a : +26
54 : #195219 : +28
56 : #185418 : +30
58 : #165516 : +32
60 : #155615 : +34
62 : #145714 : +36
64 : #135813 : +38
66 : #125912 : +40
68 : #115a11 : +42
70 : #105b10 : +44
72 : #0f5c0f : +46
74 : #0e5d0e : +48
76 : #0d5e0d : +50
78 : #0c5f0c : +52
80 : #0b600b : +54
82 : #0a610a : +56
84 : #096309 : +58
86 : #076407 : +60
88 : #066506 : +62
90 : #056605 : +64
92 : #046704 : +66
94 : #036803 : +68
96 : #026902 : +70
98 : #016a01 : +72
100 : #006b00 : +74
L : 明度 ( 21% )
(0%) 暗い ~ 明るい (100%)
1 : #020302 : -20
3 : #060a06 : -18
5 : #091009 : -16
7 : #0d160d : -14
9 : #111d11 : -12
11 : #152315 : -10
13 : #192a19 : -8
15 : #1c301c : -6
17 : #203720 : -4
19 : #243d24 : -2
21 : #284328 : ±0
23 : #2b4a2b : +2
25 : #2f502f : +4
27 : #335733 : +6
29 : #375d37 : +8
31 : #3a643a : +10
33 : #3e6a3e : +12
35 : #427042 : +14
37 : #467746 : +16
39 : #4a7d4a : +18
41 : #4d844d : +20
43 : #518a51 : +22
45 : #559155 : +24
47 : #599759 : +26
49 : #5c9d5c : +28
51 : #62a362 : +30
53 : #68a668 : +32
55 : #6eaa6e : +34
57 : #75ae75 : +36
59 : #7bb27b : +38
61 : #82b582 : +40
63 : #88b988 : +42
65 : #8fbd8f : +44
67 : #95c195 : +46
69 : #9bc59b : +48
71 : #a2c8a2 : +50
73 : #a8cca8 : +52
75 : #afd0af : +54
77 : #b5d4b5 : +56
79 : #bcd7bc : +58
81 : #c2dbc2 : +60
83 : #c8dfc8 : +62
85 : #cfe3cf : +64
87 : #d5e6d5 : +66
89 : #dceadc : +68
91 : #e2eee2 : +70
93 : #e9f2e9 : +72
95 : #eff6ef : +74
97 : #f5f9f5 : +76
99 : #fcfdfc : +78
CSS入門、作ってます。
text-shadow