#bbc7ed
RGB
赤 | 187 |
---|---|
緑 | 199 |
青 | 237 |
HSL
色相 | 226° |
---|---|
彩度 | 58% |
明度 | 83% |
輝度 | 78% |
3桁の色
補色
反転色
RGB ( 赤 = 187, 緑 = 199, 青 = 237 )
HSL ( 色相 = 226°, 彩度 = 58%, 明度 = 83% )
H : 色相 ( 226° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #edc0bb : -220
16 : #edc8bb : -210
26 : #edd0bb : -200
36 : #edd9bb : -190
46 : #ede1bb : -180
56 : #ede9bb : -170
66 : #e8edbb : -160
76 : #dfedbb : -150
86 : #d7edbb : -140
96 : #cfedbb : -130
106 : #c6edbb : -120
116 : #beedbb : -110
126 : #bbedc0 : -100
136 : #bbedc8 : -90
146 : #bbedd0 : -80
156 : #bbedd9 : -70
166 : #bbede1 : -60
176 : #bbede9 : -50
186 : #bbe8ed : -40
196 : #bbdfed : -30
206 : #bbd7ed : -20
216 : #bbcfed : -10
226 : #bbc6ed : ±0
236 : #bbbeed : +10
246 : #c0bbed : +20
256 : #c8bbed : +30
266 : #d0bbed : +40
276 : #d9bbed : +50
286 : #e1bbed : +60
296 : #e9bbed : +70
306 : #edbbe8 : +80
316 : #edbbdf : +90
326 : #edbbd7 : +100
336 : #edbbcf : +110
346 : #edbbc6 : +120
356 : #edbbbe : +130
216 : #bbcfed : -10
217 : #bbceed : -9
218 : #bbcded : -8
219 : #bbcced : -7
220 : #bbcbed : -6
221 : #bbcaed : -5
222 : #bbcaed : -4
223 : #bbc9ed : -3
224 : #bbc8ed : -2
225 : #bbc7ed : -1
226 : #bbc6ed : ±0
227 : #bbc5ed : +1
228 : #bbc5ed : +2
229 : #bbc4ed : +3
230 : #bbc3ed : +4
231 : #bbc2ed : +5
232 : #bbc1ed : +6
233 : #bbc0ed : +7
234 : #bbc0ed : +8
235 : #bbbfed : +9
236 : #bbbeed : +10
S : 彩度 ( 58% )
(0%) 渋い ~ 鮮やか (100%)
0 : #d3d3d3 : -58
2 : #d3d3d5 : -56
4 : #d2d3d5 : -54
6 : #d1d2d6 : -52
8 : #d0d2d7 : -50
10 : #cfd1d8 : -48
12 : #ced1d9 : -46
14 : #ced0da : -44
16 : #cdd0db : -42
18 : #cccfdb : -40
20 : #cbcfdc : -38
22 : #cacfdd : -36
24 : #c9cede : -34
26 : #c8cedf : -32
28 : #c8cde0 : -30
30 : #c7cde1 : -28
32 : #c6cce2 : -26
34 : #c5cce2 : -24
36 : #c4cbe3 : -22
38 : #c3cbe4 : -20
40 : #c2cae5 : -18
42 : #c1cae6 : -16
44 : #c1c9e7 : -14
46 : #c0c9e8 : -12
48 : #bfc9e8 : -10
50 : #bec8e9 : -8
52 : #bdc8ea : -6
54 : #bcc7eb : -4
56 : #bbc7ec : -2
58 : #bbc6ed : ±0
60 : #bac6ee : +2
62 : #b9c5ef : +4
64 : #b8c5ef : +6
66 : #b7c4f0 : +8
68 : #b6c4f1 : +10
70 : #b5c3f2 : +12
72 : #b4c3f3 : +14
74 : #b4c3f4 : +16
76 : #b3c2f5 : +18
78 : #b2c2f5 : +20
80 : #b1c1f6 : +22
82 : #b0c1f7 : +24
84 : #afc0f8 : +26
86 : #aec0f9 : +28
88 : #aebffa : +30
90 : #adbffb : +32
92 : #acbefc : +34
94 : #abbefc : +36
96 : #aabdfd : +38
98 : #a9bdfe : +40
100 : #a8bdff : +42
L : 明度 ( 83% )
(0%) 暗い ~ 明るい (100%)
1 : #010204 : -82
3 : #03050c : -80
5 : #050914 : -78
7 : #070c1c : -76
9 : #0a1024 : -74
11 : #0c132c : -72
13 : #0e1734 : -70
15 : #101a3c : -68
17 : #121e44 : -66
19 : #14214d : -64
21 : #162555 : -62
23 : #19295d : -60
25 : #1b2c65 : -58
27 : #1d306d : -56
29 : #1f3375 : -54
31 : #21377d : -52
33 : #233a85 : -50
35 : #253e8d : -48
37 : #284195 : -46
39 : #2a459d : -44
41 : #2c48a5 : -42
43 : #2e4cad : -40
45 : #304fb5 : -38
47 : #3253bd : -36
49 : #3456c5 : -34
51 : #3a5bcb : -32
53 : #4262cd : -30
55 : #4a69cf : -28
57 : #526fd1 : -26
59 : #5a76d3 : -24
61 : #627dd5 : -22
63 : #6a83d7 : -20
65 : #728ada : -18
67 : #7a91dc : -16
69 : #8297de : -14
71 : #8a9ee0 : -12
73 : #92a5e2 : -10
75 : #9aace4 : -8
77 : #a2b2e6 : -6
79 : #aab9e9 : -4
81 : #b2c0eb : -2
83 : #bbc6ed : ±0
85 : #c3cdef : +2
87 : #cbd4f1 : +4
89 : #d3daf3 : +6
91 : #dbe1f5 : +8
93 : #e3e8f8 : +10
95 : #ebeefa : +12
97 : #f3f5fc : +14
99 : #fbfcfe : +16
CSS入門、作ってます。
text-shadow