#8cb9fd
RGB
赤 | 140 |
---|---|
緑 | 185 |
青 | 253 |
HSL
色相 | 216° |
---|---|
彩度 | 97% |
明度 | 77% |
輝度 | 70% |
3桁の色
補色
反転色
RGB ( 赤 = 140, 緑 = 185, 青 = 253 )
HSL ( 色相 = 216°, 彩度 = 97%, 明度 = 77% )
H : 色相 ( 216° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #fd978b : -210
16 : #fdaa8b : -200
26 : #fdbd8b : -190
36 : #fdd08b : -180
46 : #fde38b : -170
56 : #fdf68b : -160
66 : #f2fd8b : -150
76 : #dffd8b : -140
86 : #ccfd8b : -130
96 : #b9fd8b : -120
106 : #a6fd8b : -110
116 : #93fd8b : -100
126 : #8bfd97 : -90
136 : #8bfdaa : -80
146 : #8bfdbd : -70
156 : #8bfdd0 : -60
166 : #8bfde3 : -50
176 : #8bfdf6 : -40
186 : #8bf2fd : -30
196 : #8bdffd : -20
206 : #8bccfd : -10
216 : #8bb9fd : ±0
226 : #8ba6fd : +10
236 : #8b93fd : +20
246 : #978bfd : +30
256 : #aa8bfd : +40
266 : #bd8bfd : +50
276 : #d08bfd : +60
286 : #e38bfd : +70
296 : #f68bfd : +80
306 : #fd8bf2 : +90
316 : #fd8bdf : +100
326 : #fd8bcc : +110
336 : #fd8bb9 : +120
346 : #fd8ba6 : +130
356 : #fd8b93 : +140
206 : #8bccfd : -10
207 : #8bcafd : -9
208 : #8bc8fd : -8
209 : #8bc6fd : -7
210 : #8bc4fd : -6
211 : #8bc2fd : -5
212 : #8bc1fd : -4
213 : #8bbffd : -3
214 : #8bbdfd : -2
215 : #8bbbfd : -1
216 : #8bb9fd : ±0
217 : #8bb7fd : +1
218 : #8bb5fd : +2
219 : #8bb3fd : +3
220 : #8bb1fd : +4
221 : #8baffd : +5
222 : #8baefd : +6
223 : #8bacfd : +7
224 : #8baafd : +8
225 : #8ba8fd : +9
226 : #8ba6fd : +10
S : 彩度 ( 97% )
(0%) 渋い ~ 鮮やか (100%)
1 : #c4c4c5 : -96
3 : #c3c4c6 : -94
5 : #c1c4c7 : -92
7 : #c0c4c8 : -90
9 : #bfc3ca : -88
11 : #bec3cb : -86
13 : #bdc3cc : -84
15 : #bcc3cd : -82
17 : #bac2ce : -80
19 : #b9c2cf : -78
21 : #b8c2d1 : -76
23 : #b7c2d2 : -74
25 : #b6c1d3 : -72
27 : #b5c1d4 : -70
29 : #b3c1d5 : -68
31 : #b2c1d7 : -66
33 : #b1c0d8 : -64
35 : #b0c0d9 : -62
37 : #afc0da : -60
39 : #adc0db : -58
41 : #acc0dc : -56
43 : #abbfde : -54
45 : #aabfdf : -52
47 : #a9bfe0 : -50
49 : #a8bfe1 : -48
51 : #a6bee2 : -46
53 : #a5bee3 : -44
55 : #a4bee5 : -42
57 : #a3bee6 : -40
59 : #a2bde7 : -38
61 : #a1bde8 : -36
63 : #9fbde9 : -34
65 : #9ebdea : -32
67 : #9dbcec : -30
69 : #9cbced : -28
71 : #9bbcee : -26
73 : #9abcef : -24
75 : #98bcf0 : -22
77 : #97bbf2 : -20
79 : #96bbf3 : -18
81 : #95bbf4 : -16
83 : #94bbf5 : -14
85 : #92baf6 : -12
87 : #91baf7 : -10
89 : #90baf9 : -8
91 : #8fbafa : -6
93 : #8eb9fb : -4
95 : #8db9fc : -2
97 : #8bb9fd : ±0
99 : #8ab9fe : +2
L : 明度 ( 77% )
(0%) 暗い ~ 明るい (100%)
1 : #000205 : -76
3 : #00060f : -74
5 : #000a19 : -72
7 : #010e23 : -70
9 : #01122d : -68
11 : #011737 : -66
13 : #011b41 : -64
15 : #011f4b : -62
17 : #012355 : -60
19 : #01275f : -58
21 : #022b69 : -56
23 : #022f74 : -54
25 : #02337e : -52
27 : #023788 : -50
29 : #023c92 : -48
31 : #02409c : -46
33 : #0344a6 : -44
35 : #0348b0 : -42
37 : #034cba : -40
39 : #0350c4 : -38
41 : #0354ce : -36
43 : #0358d8 : -34
45 : #035ce2 : -32
47 : #0461ec : -30
49 : #0465f6 : -28
51 : #096afb : -26
53 : #1370fb : -24
55 : #1d76fc : -22
57 : #277cfc : -20
59 : #3182fc : -18
61 : #3b88fc : -16
63 : #458efc : -14
65 : #4f94fc : -12
67 : #599bfc : -10
69 : #63a1fd : -8
71 : #6da7fd : -6
73 : #77adfd : -4
75 : #81b3fd : -2
77 : #8bb9fd : ±0
79 : #96bffd : +2
81 : #a0c5fe : +4
83 : #aacbfe : +6
85 : #b4d1fe : +8
87 : #bed7fe : +10
89 : #c8defe : +12
91 : #d2e4fe : +14
93 : #dceafe : +16
95 : #e6f0ff : +18
97 : #f0f6ff : +20
99 : #fafcff : +22
CSS入門、作ってます。
text-shadow