#404f45
RGB
赤 | 64 |
---|---|
緑 | 79 |
青 | 69 |
HSL
色相 | 140° |
---|---|
彩度 | 10% |
明度 | 28% |
輝度 | 29% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 64, 緑 = 79, 青 = 69 )
HSL ( 色相 = 140°, 彩度 = 10%, 明度 = 28% )
H : 色相 ( 140° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #4f4040 : -140
10 : #4f4340 : -130
20 : #4f4540 : -120
30 : #4f4740 : -110
40 : #4f4a40 : -100
50 : #4f4c40 : -90
60 : #4f4f40 : -80
70 : #4c4f40 : -70
80 : #4a4f40 : -60
90 : #474f40 : -50
100 : #454f40 : -40
110 : #434f40 : -30
120 : #404f40 : -20
130 : #404f43 : -10
140 : #404f45 : ±0
150 : #404f47 : +10
160 : #404f4a : +20
170 : #404f4c : +30
180 : #404f4f : +40
190 : #404c4f : +50
200 : #404a4f : +60
210 : #40474f : +70
220 : #40454f : +80
230 : #40434f : +90
240 : #40404f : +100
250 : #43404f : +110
260 : #45404f : +120
270 : #47404f : +130
280 : #4a404f : +140
290 : #4c404f : +150
300 : #4f404f : +160
310 : #4f404c : +170
320 : #4f404a : +180
330 : #4f4047 : +190
340 : #4f4045 : +200
350 : #4f4043 : +210
130 : #404f43 : -10
131 : #404f43 : -9
132 : #404f43 : -8
133 : #404f43 : -7
134 : #404f44 : -6
135 : #404f44 : -5
136 : #404f44 : -4
137 : #404f44 : -3
138 : #404f45 : -2
139 : #404f45 : -1
140 : #404f45 : ±0
141 : #404f45 : +1
142 : #404f45 : +2
143 : #404f46 : +3
144 : #404f46 : +4
145 : #404f46 : +5
146 : #404f46 : +6
147 : #404f47 : +7
148 : #404f47 : +8
149 : #404f47 : +9
150 : #404f47 : +10
S : 彩度 ( 10% )
(0%) 渋い ~ 鮮やか (100%)
0 : #474747 : -10
2 : #464947 : -8
4 : #454a46 : -6
6 : #434c46 : -4
8 : #424d45 : -2
10 : #404f45 : ±0
12 : #3f5045 : +2
14 : #3d5144 : +4
16 : #3c5344 : +6
18 : #3b5443 : +8
20 : #395643 : +10
22 : #385742 : +12
24 : #365942 : +14
26 : #355a41 : +16
28 : #335b41 : +18
30 : #325d40 : +20
32 : #315e40 : +22
34 : #2f603f : +24
36 : #2e613f : +26
38 : #2c633e : +28
40 : #2b643e : +30
42 : #29653d : +32
44 : #28673d : +34
46 : #27683c : +36
48 : #256a3c : +38
50 : #246b3c : +40
52 : #226d3b : +42
54 : #216e3b : +44
56 : #1f6f3a : +46
58 : #1e713a : +48
60 : #1d7239 : +50
62 : #1b7439 : +52
64 : #1a7538 : +54
66 : #187738 : +56
68 : #177837 : +58
70 : #157937 : +60
72 : #147b36 : +62
74 : #137c36 : +64
76 : #117e35 : +66
78 : #107f35 : +68
80 : #0e8134 : +70
82 : #0d8234 : +72
84 : #0b8333 : +74
86 : #0a8533 : +76
88 : #098632 : +78
90 : #078832 : +80
92 : #068932 : +82
94 : #048b31 : +84
96 : #038c31 : +86
98 : #018d30 : +88
100 : #008f30 : +90
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #050605 : -26
4 : #090b0a : -24
6 : #0e110f : -22
8 : #121614 : -20
10 : #171c19 : -18
12 : #1c221e : -16
14 : #202723 : -14
16 : #252d27 : -12
18 : #29322c : -10
20 : #2e3831 : -8
22 : #323e36 : -6
24 : #37433b : -4
26 : #3c4940 : -2
28 : #404f45 : ±0
30 : #45544a : +2
32 : #495a4f : +4
34 : #4e5f54 : +6
36 : #536559 : +8
38 : #576b5e : +10
40 : #5c7063 : +12
42 : #607668 : +14
44 : #657b6c : +16
46 : #6a8171 : +18
48 : #6e8776 : +20
50 : #738c7b : +22
52 : #789181 : +24
54 : #7e9586 : +26
56 : #849a8b : +28
58 : #899f90 : +30
60 : #8fa396 : +32
62 : #94a89b : +34
64 : #9aaca0 : +36
66 : #a0b1a5 : +38
68 : #a5b6ab : +40
70 : #abbab0 : +42
72 : #b0bfb5 : +44
74 : #b6c3ba : +46
76 : #bcc8c0 : +48
78 : #c1cdc5 : +50
80 : #c7d1ca : +52
82 : #cdd6d0 : +54
84 : #d2dad5 : +56
86 : #d8dfda : +58
88 : #dde3df : +60
90 : #e3e8e5 : +62
92 : #e9edea : +64
94 : #eef1ef : +66
96 : #f4f6f4 : +68
98 : #f9fafa : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow