#2a5550
RGB
赤 | 42 |
---|---|
緑 | 85 |
青 | 80 |
HSL
色相 | 173° |
---|---|
彩度 | 34% |
明度 | 25% |
輝度 | 28% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 42, 緑 = 85, 青 = 80 )
HSL ( 色相 = 173°, 彩度 = 34%, 明度 = 25% )
H : 色相 ( 173° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #552c2a : -170
13 : #55332a : -160
23 : #553b2a : -150
33 : #55422a : -140
43 : #55492a : -130
53 : #55502a : -120
63 : #53552a : -110
73 : #4c552a : -100
83 : #45552a : -90
93 : #3e552a : -80
103 : #36552a : -70
113 : #2f552a : -60
123 : #2a552c : -50
133 : #2a5533 : -40
143 : #2a553b : -30
153 : #2a5542 : -20
163 : #2a5549 : -10
173 : #2a5550 : ±0
183 : #2a5355 : +10
193 : #2a4c55 : +20
203 : #2a4555 : +30
213 : #2a3e55 : +40
223 : #2a3655 : +50
233 : #2a2f55 : +60
243 : #2c2a55 : +70
253 : #332a55 : +80
263 : #3b2a55 : +90
273 : #422a55 : +100
283 : #492a55 : +110
293 : #502a55 : +120
303 : #552a53 : +130
313 : #552a4c : +140
323 : #552a45 : +150
333 : #552a3e : +160
343 : #552a36 : +170
353 : #552a2f : +180
163 : #2a5549 : -10
164 : #2a554a : -9
165 : #2a554b : -8
166 : #2a554b : -7
167 : #2a554c : -6
168 : #2a554d : -5
169 : #2a554d : -4
170 : #2a554e : -3
171 : #2a554f : -2
172 : #2a5550 : -1
173 : #2a5550 : ±0
174 : #2a5551 : +1
175 : #2a5552 : +2
176 : #2a5553 : +3
177 : #2a5553 : +4
178 : #2a5554 : +5
179 : #2a5555 : +6
180 : #2a5555 : +7
181 : #2a5555 : +8
182 : #2a5455 : +9
183 : #2a5355 : +10
S : 彩度 ( 34% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3f3f3f : -34
2 : #3e4141 : -32
4 : #3d4242 : -30
6 : #3c4443 : -28
8 : #3b4544 : -26
10 : #394645 : -24
12 : #384746 : -22
14 : #374947 : -20
16 : #364a48 : -18
18 : #344b49 : -16
20 : #334d4a : -14
22 : #324e4b : -12
24 : #304f4b : -10
26 : #2f504c : -8
28 : #2e524d : -6
30 : #2d534e : -4
32 : #2b544f : -2
34 : #2a5550 : ±0
36 : #295751 : +2
38 : #285852 : +4
40 : #265953 : +6
42 : #255b54 : +8
44 : #245c55 : +10
46 : #225d56 : +12
48 : #215e57 : +14
50 : #206058 : +16
52 : #1f6159 : +18
54 : #1d625a : +20
56 : #1c635b : +22
58 : #1b655c : +24
60 : #1a665d : +26
62 : #18675e : +28
64 : #17695f : +30
66 : #166a60 : +32
68 : #146b61 : +34
70 : #136c62 : +36
72 : #126e63 : +38
74 : #116f64 : +40
76 : #0f7065 : +42
78 : #0e7166 : +44
80 : #0d7367 : +46
82 : #0b7468 : +48
84 : #0a7569 : +50
86 : #09776a : +52
88 : #08786b : +54
90 : #06796c : +56
92 : #057a6d : +58
94 : #047c6e : +60
96 : #037d6f : +62
98 : #017e70 : +64
100 : #008071 : +66
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -24
3 : #050a0a : -22
5 : #081110 : -20
7 : #0c1817 : -18
9 : #0f1f1d : -16
11 : #132623 : -14
13 : #162c2a : -12
15 : #193330 : -10
17 : #1d3a37 : -8
19 : #20413d : -6
21 : #234844 : -4
23 : #274f4a : -2
25 : #2a5550 : ±0
27 : #2d5c57 : +2
29 : #31635d : +4
31 : #346a64 : +6
33 : #38716a : +8
35 : #3b7871 : +10
37 : #3e7e77 : +12
39 : #42857d : +14
41 : #458c84 : +16
43 : #48938a : +18
45 : #4c9a91 : +20
47 : #4fa197 : +22
49 : #52a79e : +24
51 : #58ada3 : +26
53 : #5eb0a6 : +28
55 : #65b3aa : +30
57 : #6cb7ae : +32
59 : #73bab2 : +34
61 : #7abdb5 : +36
63 : #81c1b9 : +38
65 : #87c4bd : +40
67 : #8ec7c1 : +42
69 : #95cbc5 : +44
71 : #9ccec8 : +46
73 : #a3d2cc : +48
75 : #aad5d0 : +50
77 : #b0d8d4 : +52
79 : #b7dcd7 : +54
81 : #bedfdb : +56
83 : #c5e2df : +58
85 : #cce6e3 : +60
87 : #d3e9e6 : +62
89 : #d9ecea : +64
91 : #e0f0ee : +66
93 : #e7f3f2 : +68
95 : #eef7f6 : +70
97 : #f5faf9 : +72
99 : #fcfdfd : +74
CSS入門、作ってます。
text-shadow