#21786e
RGB
赤 | 33 |
---|---|
緑 | 120 |
青 | 110 |
HSL
色相 | 173° |
---|---|
彩度 | 57% |
明度 | 30% |
輝度 | 36% |
3桁の色
補色
反転色
RGB ( 赤 = 33, 緑 = 120, 青 = 110 )
HSL ( 色相 = 173°, 彩度 = 57%, 明度 = 30% )
H : 色相 ( 173° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #782521 : -170
13 : #783421 : -160
23 : #784221 : -150
33 : #785121 : -140
43 : #785f21 : -130
53 : #786e21 : -120
63 : #747821 : -110
73 : #657821 : -100
83 : #577821 : -90
93 : #487821 : -80
103 : #3a7821 : -70
113 : #2b7821 : -60
123 : #217825 : -50
133 : #217834 : -40
143 : #217842 : -30
153 : #217851 : -20
163 : #21785f : -10
173 : #21786e : ±0
183 : #217478 : +10
193 : #216578 : +20
203 : #215778 : +30
213 : #214878 : +40
223 : #213a78 : +50
233 : #212b78 : +60
243 : #252178 : +70
253 : #342178 : +80
263 : #422178 : +90
273 : #512178 : +100
283 : #5f2178 : +110
293 : #6e2178 : +120
303 : #782174 : +130
313 : #782165 : +140
323 : #782157 : +150
333 : #782148 : +160
343 : #78213a : +170
353 : #78212b : +180
163 : #21785f : -10
164 : #217861 : -9
165 : #217862 : -8
166 : #217864 : -7
167 : #217865 : -6
168 : #217867 : -5
169 : #217868 : -4
170 : #21786a : -3
171 : #21786b : -2
172 : #21786c : -1
173 : #21786e : ±0
174 : #21786f : +1
175 : #217871 : +2
176 : #217872 : +3
177 : #217874 : +4
178 : #217875 : +5
179 : #217877 : +6
180 : #217878 : +7
181 : #217778 : +8
182 : #217578 : +9
183 : #217478 : +10
S : 彩度 ( 57% )
(0%) 渋い ~ 鮮やか (100%)
1 : #4c4d4d : -56
3 : #4a4f4e : -54
5 : #49504f : -52
7 : #475251 : -50
9 : #465352 : -48
11 : #445553 : -46
13 : #435654 : -44
15 : #415855 : -42
17 : #3f5a56 : -40
19 : #3e5b58 : -38
21 : #3c5d59 : -36
23 : #3b5e5a : -34
25 : #39605b : -32
27 : #38615c : -30
29 : #36635e : -28
31 : #35645f : -26
33 : #336660 : -24
35 : #326761 : -22
37 : #306962 : -20
39 : #2f6a63 : -18
41 : #2d6c65 : -16
43 : #2c6d66 : -14
45 : #2a6f67 : -12
47 : #297068 : -10
49 : #277269 : -8
51 : #25746a : -6
53 : #24756c : -4
55 : #22776d : -2
57 : #21786e : ±0
59 : #1f7a6f : +2
61 : #1e7b70 : +4
63 : #1c7d71 : +6
65 : #1b7e73 : +8
67 : #198074 : +10
69 : #188175 : +12
71 : #168376 : +14
73 : #158477 : +16
75 : #138678 : +18
77 : #12877a : +20
79 : #10897b : +22
81 : #0f8a7c : +24
83 : #0d8c7d : +26
85 : #0b8e7e : +28
87 : #0a8f80 : +30
89 : #089181 : +32
91 : #079282 : +34
93 : #059483 : +36
95 : #049584 : +38
97 : #029785 : +40
99 : #019887 : +42
L : 明度 ( 30% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -30
2 : #020807 : -28
4 : #04100f : -26
6 : #071816 : -24
8 : #09201d : -22
10 : #0b2825 : -20
12 : #0d302c : -18
14 : #0f3833 : -16
16 : #12403b : -14
18 : #144842 : -12
20 : #165049 : -10
22 : #185851 : -8
24 : #1a6058 : -6
26 : #1d685f : -4
28 : #1f7067 : -2
30 : #21786e : ±0
32 : #238075 : +2
34 : #25887d : +4
36 : #279084 : +6
38 : #2a988b : +8
40 : #2ca093 : +10
42 : #2ea89a : +12
44 : #30b0a1 : +14
46 : #32b8a9 : +16
48 : #35c0b0 : +18
50 : #37c8b7 : +20
52 : #3fcaba : +22
54 : #47cdbd : +24
56 : #4fcfc0 : +26
58 : #57d1c3 : +28
60 : #5fd3c6 : +30
62 : #67d5c8 : +32
64 : #6fd8cb : +34
66 : #77dace : +36
68 : #7fdcd1 : +38
70 : #87ded4 : +40
72 : #8fe0d7 : +42
74 : #97e2da : +44
76 : #9fe5dd : +46
78 : #a7e7df : +48
80 : #afe9e2 : +50
82 : #b7ebe5 : +52
84 : #bfede8 : +54
86 : #c7f0eb : +56
88 : #cff2ee : +58
90 : #d7f4f1 : +60
92 : #dff6f4 : +62
94 : #e7f8f6 : +64
96 : #effbf9 : +66
98 : #f7fdfc : +68
100 : #ffffff : +70
CSS入門、作ってます。
text-shadow