#87c1de
RGB
赤 | 135 |
---|---|
緑 | 193 |
青 | 222 |
HSL
色相 | 200° |
---|---|
彩度 | 57% |
明度 | 70% |
輝度 | 70% |
3桁の色
補色
反転色
RGB ( 赤 = 135, 緑 = 193, 青 = 222 )
HSL ( 色相 = 200°, 彩度 = 57%, 明度 = 70% )
H : 色相 ( 200° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #de8787 : -200
10 : #de9587 : -190
20 : #dea487 : -180
30 : #deb387 : -170
40 : #dec187 : -160
50 : #ded087 : -150
60 : #dede87 : -140
70 : #d0de87 : -130
80 : #c1de87 : -120
90 : #b3de87 : -110
100 : #a4de87 : -100
110 : #95de87 : -90
120 : #87de87 : -80
130 : #87de95 : -70
140 : #87dea4 : -60
150 : #87deb3 : -50
160 : #87dec1 : -40
170 : #87ded0 : -30
180 : #87dede : -20
190 : #87d0de : -10
200 : #87c1de : ±0
210 : #87b3de : +10
220 : #87a4de : +20
230 : #8795de : +30
240 : #8787de : +40
250 : #9587de : +50
260 : #a487de : +60
270 : #b387de : +70
280 : #c187de : +80
290 : #d087de : +90
300 : #de87de : +100
310 : #de87d0 : +110
320 : #de87c1 : +120
330 : #de87b3 : +130
340 : #de87a4 : +140
350 : #de8795 : +150
190 : #87d0de : -10
191 : #87cede : -9
192 : #87cdde : -8
193 : #87cbde : -7
194 : #87cade : -6
195 : #87c8de : -5
196 : #87c7de : -4
197 : #87c5de : -3
198 : #87c4de : -2
199 : #87c2de : -1
200 : #87c1de : ±0
201 : #87c0de : +1
202 : #87bede : +2
203 : #87bdde : +3
204 : #87bbde : +4
205 : #87bade : +5
206 : #87b8de : +6
207 : #87b7de : +7
208 : #87b5de : +8
209 : #87b4de : +9
210 : #87b3de : +10
S : 彩度 ( 57% )
(0%) 渋い ~ 鮮やか (100%)
1 : #b2b3b3 : -56
3 : #b0b3b5 : -54
5 : #afb4b6 : -52
7 : #adb4b8 : -50
9 : #acb5b9 : -48
11 : #aab5bb : -46
13 : #a9b6bc : -44
15 : #a7b6be : -42
17 : #a5b7c0 : -40
19 : #a4b7c1 : -38
21 : #a2b8c3 : -36
23 : #a1b8c4 : -34
25 : #9fb9c6 : -32
27 : #9eb9c7 : -30
29 : #9cbac9 : -28
31 : #9bbaca : -26
33 : #99bbcc : -24
35 : #98bbcd : -22
37 : #96bccf : -20
39 : #95bcd0 : -18
41 : #93bdd2 : -16
43 : #92bdd3 : -14
45 : #90bed5 : -12
47 : #8fbed6 : -10
49 : #8dbfd8 : -8
51 : #8bc0da : -6
53 : #8ac0db : -4
55 : #88c1dd : -2
57 : #87c1de : ±0
59 : #85c2e0 : +2
61 : #84c2e1 : +4
63 : #82c3e3 : +6
65 : #81c3e4 : +8
67 : #7fc4e6 : +10
69 : #7ec4e7 : +12
71 : #7cc5e9 : +14
73 : #7bc5ea : +16
75 : #79c6ec : +18
77 : #78c6ed : +20
79 : #76c7ef : +22
81 : #75c7f0 : +24
83 : #73c8f2 : +26
85 : #71c8f4 : +28
87 : #70c9f5 : +30
89 : #6ec9f7 : +32
91 : #6dcaf8 : +34
93 : #6bcafa : +36
95 : #6acbfb : +38
97 : #68cbfd : +40
99 : #67ccfe : +42
L : 明度 ( 70% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -70
2 : #020608 : -68
4 : #040c10 : -66
6 : #071218 : -64
8 : #091820 : -62
10 : #0b1e28 : -60
12 : #0d2430 : -58
14 : #0f2a38 : -56
16 : #123140 : -54
18 : #143748 : -52
20 : #163d50 : -50
22 : #184358 : -48
24 : #1a4960 : -46
26 : #1d4f68 : -44
28 : #1f5570 : -42
30 : #215b78 : -40
32 : #236180 : -38
34 : #256788 : -36
36 : #276d90 : -34
38 : #2a7398 : -32
40 : #2c79a0 : -30
42 : #2e7fa8 : -28
44 : #3086b0 : -26
46 : #328cb8 : -24
48 : #3592c0 : -22
50 : #3798c8 : -20
52 : #3f9cca : -18
54 : #47a0cd : -16
56 : #4fa4cf : -14
58 : #57a8d1 : -12
60 : #5facd3 : -10
62 : #67b1d5 : -8
64 : #6fb5d8 : -6
66 : #77b9da : -4
68 : #7fbddc : -2
70 : #87c1de : ±0
72 : #8fc5e0 : +2
74 : #97c9e2 : +4
76 : #9fcde5 : +6
78 : #a7d2e7 : +8
80 : #afd6e9 : +10
82 : #b7daeb : +12
84 : #bfdeed : +14
86 : #c7e2f0 : +16
88 : #cfe6f2 : +18
90 : #d7eaf4 : +20
92 : #dfeef6 : +22
94 : #e7f3f8 : +24
96 : #eff7fb : +26
98 : #f7fbfd : +28
100 : #ffffff : +30
CSS入門、作ってます。
text-shadow