#cad0de
RGB
| 赤 | 202 |
|---|---|
| 緑 | 208 |
| 青 | 222 |
HSL
| 色相 | 222° |
|---|---|
| 彩度 | 23% |
| 明度 | 83% |
| 輝度 | 81% |
３桁の色
補色
反転色
RGB ( 赤 = 202, 緑 = 208, 青 = 222 )
HSL ( 色相 = 222°, 彩度 = 23%, 明度 = 83% )
H : 色相 ( 222° )
(0°) 赤～黄～緑～青～紫 (359°)
2 : #decaca : -220
12 : #dececa : -210
22 : #ded1ca : -200
32 : #ded4ca : -190
42 : #ded8ca : -180
52 : #dedbca : -170
62 : #dddeca : -160
72 : #dadeca : -150
82 : #d6deca : -140
92 : #d3deca : -130
102 : #d0deca : -120
112 : #ccdeca : -110
122 : #cadeca : -100
132 : #cadece : -90
142 : #caded1 : -80
152 : #caded4 : -70
162 : #caded8 : -60
172 : #cadedb : -50
182 : #caddde : -40
192 : #cadade : -30
202 : #cad6de : -20
212 : #cad3de : -10
222 : #cad0de : ±0
232 : #caccde : +10
242 : #cacade : +20
252 : #cecade : +30
262 : #d1cade : +40
272 : #d4cade : +50
282 : #d8cade : +60
292 : #dbcade : +70
302 : #decadd : +80
312 : #decada : +90
322 : #decad6 : +100
332 : #decad3 : +110
342 : #decad0 : +120
352 : #decacc : +130
212 : #cad3de : -10
213 : #cad3de : -9
214 : #cad2de : -8
215 : #cad2de : -7
216 : #cad2de : -6
217 : #cad1de : -5
218 : #cad1de : -4
219 : #cad1de : -3
220 : #cad0de : -2
221 : #cad0de : -1
222 : #cad0de : ±0
223 : #cacfde : +1
224 : #cacfde : +2
225 : #cacfde : +3
226 : #cacede : +4
227 : #cacede : +5
228 : #cacede : +6
229 : #cacdde : +7
230 : #cacdde : +8
231 : #cacdde : +9
232 : #caccde : +10
S : 彩度 ( 23% )
(0%) 渋い ～ 鮮やか (100%)
1 : #d3d3d4 : -22
3 : #d2d3d5 : -20
5 : #d1d3d6 : -18
7 : #d1d2d7 : -16
9 : #d0d2d8 : -14
11 : #cfd2d8 : -12
13 : #ced1d9 : -10
15 : #cdd1da : -8
17 : #ccd1db : -6
19 : #cbd0dc : -4
21 : #cbd0dd : -2
23 : #cad0de : ±0
25 : #c9cfde : +2
27 : #c8cfdf : +4
29 : #c7cfe0 : +6
31 : #c6cee1 : +8
33 : #c5cee2 : +10
35 : #c4cee3 : +12
37 : #c4cde4 : +14
39 : #c3cde5 : +16
41 : #c2cde5 : +18
43 : #c1cce6 : +20
45 : #c0cce7 : +22
47 : #bfcce8 : +24
49 : #becbe9 : +26
51 : #becbea : +28
53 : #bdcaeb : +30
55 : #bccaeb : +32
57 : #bbcaec : +34
59 : #bac9ed : +36
61 : #b9c9ee : +38
63 : #b8c9ef : +40
65 : #b7c8f0 : +42
67 : #b7c8f1 : +44
69 : #b6c8f2 : +46
71 : #b5c7f2 : +48
73 : #b4c7f3 : +50
75 : #b3c7f4 : +52
77 : #b2c6f5 : +54
79 : #b1c6f6 : +56
81 : #b1c6f7 : +58
83 : #b0c5f8 : +60
85 : #afc5f8 : +62
87 : #aec5f9 : +64
89 : #adc4fa : +66
91 : #acc4fb : +68
93 : #abc4fc : +70
95 : #aac3fd : +72
97 : #aac3fe : +74
99 : #a9c2ff : +76
L : 明度 ( 83% )
(0%) 暗い ～ 明るい (100%)
1 : #020203 : -82
3 : #060709 : -80
5 : #0a0c10 : -78
7 : #0e1016 : -76
9 : #12151c : -74
11 : #161923 : -72
13 : #1a1e29 : -70
15 : #1d232f : -68
17 : #212735 : -66
19 : #252c3c : -64
21 : #293142 : -62
23 : #2d3548 : -60
25 : #313a4e : -58
27 : #353f55 : -56
29 : #39435b : -54
31 : #3d4861 : -52
33 : #414c68 : -50
35 : #45516e : -48
37 : #495674 : -46
39 : #4d5a7a : -44
41 : #515f81 : -42
43 : #546487 : -40
45 : #58688d : -38
47 : #5c6d93 : -36
49 : #60719a : -34
51 : #65779f : -32
53 : #6c7ca3 : -30
55 : #7282a7 : -28
57 : #7887ab : -26
59 : #7e8dae : -24
61 : #8592b2 : -22
63 : #8b98b6 : -20
65 : #919eba : -18
67 : #97a3be : -16
69 : #9ea9c2 : -14
71 : #a4aec6 : -12
73 : #aab4ca : -10
75 : #b1b9ce : -8
77 : #b7bfd2 : -6
79 : #bdc5d6 : -4
81 : #c3cada : -2
83 : #cad0de : ±0
85 : #d0d5e2 : +2
87 : #d6dbe5 : +4
89 : #dce0e9 : +6
91 : #e3e6ed : +8
93 : #e9ecf1 : +10
95 : #eff1f5 : +12
97 : #f6f7f9 : +14
99 : #fcfcfd : +16
CSS入門、作ってます。
text-shadow