#88bedd
RGB
赤 | 136 |
---|---|
緑 | 190 |
青 | 221 |
HSL
色相 | 202° |
---|---|
彩度 | 56% |
明度 | 70% |
輝度 | 70% |
3桁の色
補色
反転色
RGB ( 赤 = 136, 緑 = 190, 青 = 221 )
HSL ( 色相 = 202°, 彩度 = 56%, 明度 = 70% )
H : 色相 ( 202° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #dd8b88 : -200
12 : #dd9988 : -190
22 : #dda788 : -180
32 : #ddb588 : -170
42 : #ddc488 : -160
52 : #ddd288 : -150
62 : #dadd88 : -140
72 : #ccdd88 : -130
82 : #bedd88 : -120
92 : #b0dd88 : -110
102 : #a1dd88 : -100
112 : #93dd88 : -90
122 : #88dd8b : -80
132 : #88dd99 : -70
142 : #88dda7 : -60
152 : #88ddb5 : -50
162 : #88ddc4 : -40
172 : #88ddd2 : -30
182 : #88dadd : -20
192 : #88ccdd : -10
202 : #88bedd : ±0
212 : #88b0dd : +10
222 : #88a1dd : +20
232 : #8893dd : +30
242 : #8b88dd : +40
252 : #9988dd : +50
262 : #a788dd : +60
272 : #b588dd : +70
282 : #c488dd : +80
292 : #d288dd : +90
302 : #dd88da : +100
312 : #dd88cc : +110
322 : #dd88be : +120
332 : #dd88b0 : +130
342 : #dd88a1 : +140
352 : #dd8893 : +150
192 : #88ccdd : -10
193 : #88cbdd : -9
194 : #88c9dd : -8
195 : #88c8dd : -7
196 : #88c6dd : -6
197 : #88c5dd : -5
198 : #88c4dd : -4
199 : #88c2dd : -3
200 : #88c1dd : -2
201 : #88bfdd : -1
202 : #88bedd : ±0
203 : #88bcdd : +1
204 : #88bbdd : +2
205 : #88badd : +3
206 : #88b8dd : +4
207 : #88b7dd : +5
208 : #88b5dd : +6
209 : #88b4dd : +7
210 : #88b3dd : +8
211 : #88b1dd : +9
212 : #88b0dd : +10
S : 彩度 ( 56% )
(0%) 渋い ~ 鮮やか (100%)
0 : #b2b2b2 : -56
2 : #b1b3b4 : -54
4 : #afb3b6 : -52
6 : #aeb4b7 : -50
8 : #acb4b9 : -48
10 : #abb5ba : -46
12 : #a9b5bc : -44
14 : #a8b5bd : -42
16 : #a6b6bf : -40
18 : #a5b6c0 : -38
20 : #a3b7c2 : -36
22 : #a2b7c3 : -34
24 : #a0b7c5 : -32
26 : #9fb8c6 : -30
28 : #9db8c8 : -28
30 : #9cb9c9 : -26
32 : #9ab9cb : -24
34 : #98b9cd : -22
36 : #97bace : -20
38 : #95bad0 : -18
40 : #94bbd1 : -16
42 : #92bbd3 : -14
44 : #91bbd4 : -12
46 : #8fbcd6 : -10
48 : #8ebcd7 : -8
50 : #8cbdd9 : -6
52 : #8bbdda : -4
54 : #89bedc : -2
56 : #88bedd : ±0
58 : #86bedf : +2
60 : #85bfe0 : +4
62 : #83bfe2 : +6
64 : #82c0e3 : +8
66 : #80c0e5 : +10
68 : #7ec0e7 : +12
70 : #7dc1e8 : +14
72 : #7bc1ea : +16
74 : #7ac2eb : +18
76 : #78c2ed : +20
78 : #77c2ee : +22
80 : #75c3f0 : +24
82 : #74c3f1 : +26
84 : #72c4f3 : +28
86 : #71c4f4 : +30
88 : #6fc4f6 : +32
90 : #6ec5f7 : +34
92 : #6cc5f9 : +36
94 : #6bc6fa : +38
96 : #69c6fc : +40
98 : #68c6fd : +42
100 : #66c7ff : +44
L : 明度 ( 70% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -70
2 : #020608 : -68
4 : #040c10 : -66
6 : #071218 : -64
8 : #091720 : -62
10 : #0b1d28 : -60
12 : #0d2330 : -58
14 : #102938 : -56
16 : #122f40 : -54
18 : #143548 : -52
20 : #163b50 : -50
22 : #194058 : -48
24 : #1b465f : -46
26 : #1d4c67 : -44
28 : #1f526f : -42
30 : #225877 : -40
32 : #245e7f : -38
34 : #266487 : -36
36 : #286a8f : -34
38 : #2b6f97 : -32
40 : #2d759f : -30
42 : #2f7ba7 : -28
44 : #3181af : -26
46 : #3487b7 : -24
48 : #368dbf : -22
50 : #3893c7 : -20
52 : #4097c9 : -18
54 : #489bcb : -16
56 : #50a0ce : -14
58 : #58a4d0 : -12
60 : #60a8d2 : -10
62 : #68add4 : -8
64 : #70b1d7 : -6
66 : #78b5d9 : -4
68 : #80badb : -2
70 : #88bedd : ±0
72 : #90c2e0 : +2
74 : #98c7e2 : +4
76 : #a0cbe4 : +6
78 : #a7cfe6 : +8
80 : #afd4e9 : +10
82 : #b7d8eb : +12
84 : #bfdced : +14
86 : #c7e1ef : +16
88 : #cfe5f2 : +18
90 : #d7e9f4 : +20
92 : #dfeef6 : +22
94 : #e7f2f8 : +24
96 : #eff6fb : +26
98 : #f7fbfd : +28
100 : #ffffff : +30
CSS入門、作ってます。
text-shadow