#85cfef
RGB
赤 | 133 |
---|---|
緑 | 207 |
青 | 239 |
HSL
色相 | 198° |
---|---|
彩度 | 77% |
明度 | 73% |
輝度 | 74% |
3桁の色
補色
反転色
RGB ( 赤 = 133, 緑 = 207, 青 = 239 )
HSL ( 色相 = 198°, 彩度 = 77%, 明度 = 73% )
H : 色相 ( 198° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #ef9385 : -190
18 : #efa585 : -180
28 : #efb785 : -170
38 : #efc885 : -160
48 : #efda85 : -150
58 : #efec85 : -140
68 : #e1ef85 : -130
78 : #cfef85 : -120
88 : #beef85 : -110
98 : #acef85 : -100
108 : #9aef85 : -90
118 : #89ef85 : -80
128 : #85ef93 : -70
138 : #85efa5 : -60
148 : #85efb7 : -50
158 : #85efc8 : -40
168 : #85efda : -30
178 : #85efec : -20
188 : #85e1ef : -10
198 : #85cfef : ±0
208 : #85beef : +10
218 : #85acef : +20
228 : #859aef : +30
238 : #8589ef : +40
248 : #9385ef : +50
258 : #a585ef : +60
268 : #b785ef : +70
278 : #c885ef : +80
288 : #da85ef : +90
298 : #ec85ef : +100
308 : #ef85e1 : +110
318 : #ef85cf : +120
328 : #ef85be : +130
338 : #ef85ac : +140
348 : #ef859a : +150
358 : #ef8589 : +160
188 : #85e1ef : -10
189 : #85dfef : -9
190 : #85ddef : -8
191 : #85dcef : -7
192 : #85daef : -6
193 : #85d8ef : -5
194 : #85d6ef : -4
195 : #85d5ef : -3
196 : #85d3ef : -2
197 : #85d1ef : -1
198 : #85cfef : ±0
199 : #85ceef : +1
200 : #85ccef : +2
201 : #85caef : +3
202 : #85c8ef : +4
203 : #85c7ef : +5
204 : #85c5ef : +6
205 : #85c3ef : +7
206 : #85c1ef : +8
207 : #85bfef : +9
208 : #85beef : +10
S : 彩度 ( 77% )
(0%) 渋い ~ 鮮やか (100%)
1 : #b9babb : -76
3 : #b8bbbc : -74
5 : #b7bcbe : -72
7 : #b5bcbf : -70
9 : #b4bdc0 : -68
11 : #b3bdc2 : -66
13 : #b1bec3 : -64
15 : #b0bec4 : -62
17 : #aebfc6 : -60
19 : #adbfc7 : -58
21 : #acc0c9 : -56
23 : #aac0ca : -54
25 : #a9c1cb : -52
27 : #a8c2cd : -50
29 : #a6c2ce : -48
31 : #a5c3cf : -46
33 : #a3c3d1 : -44
35 : #a2c4d2 : -42
37 : #a1c4d4 : -40
39 : #9fc5d5 : -38
41 : #9ec5d6 : -36
43 : #9dc6d8 : -34
45 : #9bc7d9 : -32
47 : #9ac7db : -30
49 : #98c8dc : -28
51 : #97c8dd : -26
53 : #96c9df : -24
55 : #94c9e0 : -22
57 : #93cae1 : -20
59 : #92cae3 : -18
61 : #90cbe4 : -16
63 : #8fcce6 : -14
65 : #8dcce7 : -12
67 : #8ccde8 : -10
69 : #8bcdea : -8
71 : #89ceeb : -6
73 : #88ceec : -4
75 : #87cfee : -2
77 : #85cfef : ±0
79 : #84d0f1 : +2
81 : #82d0f2 : +4
83 : #81d1f3 : +6
85 : #80d2f5 : +8
87 : #7ed2f6 : +10
89 : #7dd3f7 : +12
91 : #7bd3f9 : +14
93 : #7ad4fa : +16
95 : #79d4fc : +18
97 : #77d5fd : +20
99 : #76d5fe : +22
L : 明度 ( 73% )
(0%) 暗い ~ 明るい (100%)
1 : #010305 : -72
3 : #020a0e : -70
5 : #031117 : -68
7 : #041720 : -66
9 : #051e29 : -64
11 : #062532 : -62
13 : #082b3b : -60
15 : #093244 : -58
17 : #0a394d : -56
19 : #0b3f56 : -54
21 : #0c465f : -52
23 : #0d4d68 : -50
25 : #0f5371 : -48
27 : #105a7a : -46
29 : #116183 : -44
31 : #12678c : -42
33 : #136e95 : -40
35 : #15759e : -38
37 : #167ba7 : -36
39 : #1782b0 : -34
41 : #1889b9 : -32
43 : #198fc2 : -30
45 : #1a96cb : -28
47 : #1c9dd4 : -26
49 : #1da3dd : -24
51 : #22a9e2 : -22
53 : #2bace3 : -20
55 : #34b0e5 : -18
57 : #3db3e6 : -16
59 : #46b7e7 : -14
61 : #4fbae8 : -12
63 : #58bee9 : -10
65 : #61c1ea : -8
67 : #6ac5ec : -6
69 : #73c8ed : -4
71 : #7cccee : -2
73 : #85cfef : ±0
75 : #8ed3f0 : +2
77 : #97d6f2 : +4
79 : #a0daf3 : +6
81 : #a9ddf4 : +8
83 : #b2e1f5 : +10
85 : #bbe5f6 : +12
87 : #c4e8f7 : +14
89 : #cdecf9 : +16
91 : #d6effa : +18
93 : #dff3fb : +20
95 : #e8f6fc : +22
97 : #f1fafd : +24
99 : #fafdfe : +26
CSS入門、作ってます。
text-shadow