#add1fa
RGB
赤 | 173 |
---|---|
緑 | 209 |
青 | 250 |
HSL
色相 | 212° |
---|---|
彩度 | 89% |
明度 | 83% |
輝度 | 80% |
3桁の色
補色
反転色
RGB ( 赤 = 173, 緑 = 209, 青 = 250 )
HSL ( 色相 = 212°, 彩度 = 89%, 明度 = 83% )
H : 色相 ( 212° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #fab0ad : -210
12 : #fabdad : -200
22 : #fac9ad : -190
32 : #fad6ad : -180
42 : #fae3ad : -170
52 : #faf0ad : -160
62 : #f8faad : -150
72 : #ebfaad : -140
82 : #defaad : -130
92 : #d1faad : -120
102 : #c4faad : -110
112 : #b7faad : -100
122 : #adfab0 : -90
132 : #adfabd : -80
142 : #adfac9 : -70
152 : #adfad6 : -60
162 : #adfae3 : -50
172 : #adfaf0 : -40
182 : #adf8fa : -30
192 : #adebfa : -20
202 : #addefa : -10
212 : #add1fa : ±0
222 : #adc4fa : +10
232 : #adb7fa : +20
242 : #b0adfa : +30
252 : #bdadfa : +40
262 : #c9adfa : +50
272 : #d6adfa : +60
282 : #e3adfa : +70
292 : #f0adfa : +80
302 : #faadf8 : +90
312 : #faadeb : +100
322 : #faadde : +110
332 : #faadd1 : +120
342 : #faadc4 : +130
352 : #faadb7 : +140
202 : #addefa : -10
203 : #adddfa : -9
204 : #addbfa : -8
205 : #addafa : -7
206 : #add9fa : -6
207 : #add8fa : -5
208 : #add6fa : -4
209 : #add5fa : -3
210 : #add4fa : -2
211 : #add2fa : -1
212 : #add1fa : ±0
213 : #add0fa : +1
214 : #adcffa : +2
215 : #adcdfa : +3
216 : #adccfa : +4
217 : #adcbfa : +5
218 : #adc9fa : +6
219 : #adc8fa : +7
220 : #adc7fa : +8
221 : #adc6fa : +9
222 : #adc4fa : +10
S : 彩度 ( 89% )
(0%) 渋い ~ 鮮やか (100%)
1 : #d3d4d4 : -88
3 : #d2d4d5 : -86
5 : #d1d4d6 : -84
7 : #d1d3d7 : -82
9 : #d0d3d8 : -80
11 : #cfd3d8 : -78
13 : #ced3d9 : -76
15 : #cdd3da : -74
17 : #ccd3db : -72
19 : #cbd3dc : -70
21 : #cbd3dd : -68
23 : #cad3de : -66
25 : #c9d3de : -64
27 : #c8d3df : -62
29 : #c7d3e0 : -60
31 : #c6d3e1 : -58
33 : #c5d3e2 : -56
35 : #c4d3e3 : -54
37 : #c4d3e4 : -52
39 : #c3d3e5 : -50
41 : #c2d2e5 : -48
43 : #c1d2e6 : -46
45 : #c0d2e7 : -44
47 : #bfd2e8 : -42
49 : #bed2e9 : -40
51 : #bed2ea : -38
53 : #bdd2eb : -36
55 : #bcd2eb : -34
57 : #bbd2ec : -32
59 : #bad2ed : -30
61 : #b9d2ee : -28
63 : #b8d2ef : -26
65 : #b7d2f0 : -24
67 : #b7d2f1 : -22
69 : #b6d2f2 : -20
71 : #b5d2f2 : -18
73 : #b4d2f3 : -16
75 : #b3d1f4 : -14
77 : #b2d1f5 : -12
79 : #b1d1f6 : -10
81 : #b1d1f7 : -8
83 : #b0d1f8 : -6
85 : #afd1f8 : -4
87 : #aed1f9 : -2
89 : #add1fa : ±0
91 : #acd1fb : +2
93 : #abd1fc : +4
95 : #aad1fd : +6
97 : #aad1fe : +8
99 : #a9d1ff : +10
L : 明度 ( 83% )
(0%) 暗い ~ 明るい (100%)
1 : #000205 : -82
3 : #01070e : -80
5 : #010c18 : -78
7 : #021122 : -76
9 : #03162b : -74
11 : #031a35 : -72
13 : #041f3f : -70
15 : #042448 : -68
17 : #052952 : -66
19 : #052e5c : -64
21 : #063265 : -62
23 : #06376f : -60
25 : #073c78 : -58
27 : #084182 : -56
29 : #08468c : -54
31 : #094a95 : -52
33 : #094f9f : -50
35 : #0a54a9 : -48
37 : #0a59b2 : -46
39 : #0b5ebc : -44
41 : #0c62c6 : -42
43 : #0c67cf : -40
45 : #0d6cd9 : -38
47 : #0d71e3 : -36
49 : #0e76ec : -34
51 : #137bf1 : -32
53 : #1c80f2 : -30
55 : #2685f2 : -28
57 : #308bf3 : -26
59 : #3990f3 : -24
61 : #4396f4 : -22
63 : #4d9bf5 : -20
65 : #56a0f5 : -18
67 : #60a6f6 : -16
69 : #6aabf6 : -14
71 : #73b1f7 : -12
73 : #7db6f7 : -10
75 : #87bbf8 : -8
77 : #90c1f9 : -6
79 : #9ac6f9 : -4
81 : #a3ccfa : -2
83 : #add1fa : ±0
85 : #b7d6fb : +2
87 : #c0dcfb : +4
89 : #cae1fc : +6
91 : #d4e7fc : +8
93 : #ddecfd : +10
95 : #e7f1fe : +12
97 : #f1f7fe : +14
99 : #fafcff : +16
CSS入門、作ってます。
text-shadow