#21baed
RGB
赤 | 33 |
---|---|
緑 | 186 |
青 | 237 |
HSL
色相 | 195° |
---|---|
彩度 | 85% |
明度 | 53% |
輝度 | 57% |
3桁の色
補色
反転色
RGB ( 赤 = 33, 緑 = 186, 青 = 237 )
HSL ( 色相 = 195°, 彩度 = 85%, 明度 = 53% )
H : 色相 ( 195° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #ed3221 : -190
15 : #ed5421 : -180
25 : #ed7621 : -170
35 : #ed9821 : -160
45 : #edba21 : -150
55 : #eddc21 : -140
65 : #dced21 : -130
75 : #baed21 : -120
85 : #98ed21 : -110
95 : #76ed21 : -100
105 : #54ed21 : -90
115 : #32ed21 : -80
125 : #21ed32 : -70
135 : #21ed54 : -60
145 : #21ed76 : -50
155 : #21ed98 : -40
165 : #21edba : -30
175 : #21eddc : -20
185 : #21dced : -10
195 : #21baed : ±0
205 : #2198ed : +10
215 : #2176ed : +20
225 : #2154ed : +30
235 : #2132ed : +40
245 : #3221ed : +50
255 : #5421ed : +60
265 : #7621ed : +70
275 : #9821ed : +80
285 : #ba21ed : +90
295 : #dc21ed : +100
305 : #ed21dc : +110
315 : #ed21ba : +120
325 : #ed2198 : +130
335 : #ed2176 : +140
345 : #ed2154 : +150
355 : #ed2132 : +160
185 : #21dced : -10
186 : #21d9ed : -9
187 : #21d5ed : -8
188 : #21d2ed : -7
189 : #21ceed : -6
190 : #21cbed : -5
191 : #21c8ed : -4
192 : #21c4ed : -3
193 : #21c1ed : -2
194 : #21bded : -1
195 : #21baed : ±0
196 : #21b7ed : +1
197 : #21b3ed : +2
198 : #21b0ed : +3
199 : #21aded : +4
200 : #21a9ed : +5
201 : #21a6ed : +6
202 : #21a2ed : +7
203 : #219fed : +8
204 : #219ced : +9
205 : #2198ed : +10
S : 彩度 ( 85% )
(0%) 渋い ~ 鮮やか (100%)
1 : #868888 : -84
3 : #84898b : -82
5 : #818a8d : -80
7 : #7f8b90 : -78
9 : #7c8d92 : -76
11 : #7a8e94 : -74
13 : #788f97 : -72
15 : #759099 : -70
17 : #73919c : -68
19 : #70939e : -66
21 : #6e94a0 : -64
23 : #6c95a3 : -62
25 : #6996a5 : -60
27 : #6797a8 : -58
29 : #6499aa : -56
31 : #629aac : -54
33 : #609baf : -52
35 : #5d9cb1 : -50
37 : #5b9db3 : -48
39 : #589fb6 : -46
41 : #56a0b8 : -44
43 : #54a1bb : -42
45 : #51a2bd : -40
47 : #4fa3bf : -38
49 : #4ca5c2 : -36
51 : #4aa6c4 : -34
53 : #48a7c7 : -32
55 : #45a8c9 : -30
57 : #43a9cb : -28
59 : #40abce : -26
61 : #3eacd0 : -24
63 : #3cadd3 : -22
65 : #39aed5 : -20
67 : #37afd7 : -18
69 : #34b0da : -16
71 : #32b2dc : -14
73 : #30b3df : -12
75 : #2db4e1 : -10
77 : #2bb5e3 : -8
79 : #28b6e6 : -6
81 : #26b8e8 : -4
83 : #24b9eb : -2
85 : #21baed : ±0
87 : #1fbbef : +2
89 : #1cbcf2 : +4
91 : #1abef4 : +6
93 : #18bff7 : +8
95 : #15c0f9 : +10
97 : #13c1fb : +12
99 : #10c2fe : +14
L : 明度 ( 53% )
(0%) 暗い ~ 明るい (100%)
1 : #000405 : -52
3 : #010b0e : -50
5 : #021218 : -48
7 : #031921 : -46
9 : #03212a : -44
11 : #042834 : -42
13 : #052f3d : -40
15 : #063747 : -38
17 : #073e50 : -36
19 : #07455a : -34
21 : #084c63 : -32
23 : #09546d : -30
25 : #0a5b76 : -28
27 : #0a627f : -26
29 : #0b6989 : -24
31 : #0c7192 : -22
33 : #0d789c : -20
35 : #0d7fa5 : -18
37 : #0e86af : -16
39 : #0f8eb8 : -14
41 : #1095c1 : -12
43 : #109ccb : -10
45 : #11a4d4 : -8
47 : #12abde : -6
49 : #13b2e7 : -4
51 : #18b7ec : -2
53 : #21baed : ±0
55 : #2bbdee : +2
57 : #34c0ef : +4
59 : #3ec3ef : +6
61 : #47c6f0 : +8
63 : #50c9f1 : +10
65 : #5accf2 : +12
67 : #63cff2 : +14
69 : #6dd2f3 : +16
71 : #76d4f4 : +18
73 : #80d7f5 : +20
75 : #89daf5 : +22
77 : #92ddf6 : +24
79 : #9ce0f7 : +26
81 : #a5e3f8 : +28
83 : #afe6f8 : +30
85 : #b8e9f9 : +32
87 : #c2ecfa : +34
89 : #cbeffb : +36
91 : #d5f2fc : +38
93 : #def5fc : +40
95 : #e7f8fd : +42
97 : #f1fbfe : +44
99 : #fafeff : +46
CSS入門、作ってます。
text-shadow