#4356df
RGB
赤 | 67 |
---|---|
緑 | 86 |
青 | 223 |
HSL
色相 | 233° |
---|---|
彩度 | 71% |
明度 | 57% |
輝度 | 38% |
3桁の色
補色
反転色
RGB ( 赤 = 67, 緑 = 86, 青 = 223 )
HSL ( 色相 = 233°, 彩度 = 71%, 明度 = 57% )
H : 色相 ( 233° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #df4b43 : -230
13 : #df6543 : -220
23 : #df7f43 : -210
33 : #df9943 : -200
43 : #dfb343 : -190
53 : #dfcd43 : -180
63 : #d7df43 : -170
73 : #bddf43 : -160
83 : #a4df43 : -150
93 : #8adf43 : -140
103 : #70df43 : -130
113 : #56df43 : -120
123 : #43df4b : -110
133 : #43df65 : -100
143 : #43df7f : -90
153 : #43df99 : -80
163 : #43dfb3 : -70
173 : #43dfcd : -60
183 : #43d7df : -50
193 : #43bddf : -40
203 : #43a4df : -30
213 : #438adf : -20
223 : #4370df : -10
233 : #4356df : ±0
243 : #4b43df : +10
253 : #6543df : +20
263 : #7f43df : +30
273 : #9943df : +40
283 : #b343df : +50
293 : #cd43df : +60
303 : #df43d7 : +70
313 : #df43bd : +80
323 : #df43a4 : +90
333 : #df438a : +100
343 : #df4370 : +110
353 : #df4356 : +120
223 : #4370df : -10
224 : #436ddf : -9
225 : #436adf : -8
226 : #4368df : -7
227 : #4365df : -6
228 : #4363df : -5
229 : #4360df : -4
230 : #435ddf : -3
231 : #435bdf : -2
232 : #4358df : -1
233 : #4356df : ±0
234 : #4353df : +1
235 : #4350df : +2
236 : #434edf : +3
237 : #434bdf : +4
238 : #4349df : +5
239 : #4346df : +6
240 : #4343df : +7
241 : #4643df : +8
242 : #4943df : +9
243 : #4b43df : +10
S : 彩度 ( 71% )
(0%) 渋い ~ 鮮やか (100%)
1 : #909192 : -70
3 : #8e8f95 : -68
5 : #8c8d97 : -66
7 : #8a8b99 : -64
9 : #878a9b : -62
11 : #85889d : -60
13 : #8386a0 : -58
15 : #8185a2 : -56
17 : #7f83a4 : -54
19 : #7d81a6 : -52
21 : #7a80a8 : -50
23 : #787eab : -48
25 : #767cad : -46
27 : #747baf : -44
29 : #7279b1 : -42
31 : #6f77b3 : -40
33 : #6d76b6 : -38
35 : #6b74b8 : -36
37 : #6972ba : -34
39 : #6771bc : -32
41 : #646fbe : -30
43 : #626dc0 : -28
45 : #606cc3 : -26
47 : #5e6ac5 : -24
49 : #5c68c7 : -22
51 : #5966c9 : -20
53 : #5765cb : -18
55 : #5563ce : -16
57 : #5361d0 : -14
59 : #5160d2 : -12
61 : #4e5ed4 : -10
63 : #4c5cd6 : -8
65 : #4a5bd9 : -6
67 : #4859db : -4
69 : #4657dd : -2
71 : #4356df : ±0
73 : #4154e1 : +2
75 : #3f52e4 : +4
77 : #3d51e6 : +6
79 : #3b4fe8 : +8
81 : #394dea : +10
83 : #364cec : +12
85 : #344aef : +14
87 : #3248f1 : +16
89 : #3047f3 : +18
91 : #2e45f5 : +20
93 : #2b43f7 : +22
95 : #2941fa : +24
97 : #2740fc : +26
99 : #253efe : +28
L : 明度 ( 57% )
(0%) 暗い ~ 明るい (100%)
1 : #010104 : -56
3 : #02030d : -54
5 : #040616 : -52
7 : #05081f : -50
9 : #070a27 : -48
11 : #080d30 : -46
13 : #0a0f39 : -44
15 : #0b1141 : -42
17 : #0d144a : -40
19 : #0e1653 : -38
21 : #10185c : -36
23 : #111b64 : -34
25 : #121d6d : -32
27 : #141f76 : -30
29 : #15227e : -28
31 : #172487 : -26
33 : #182690 : -24
35 : #1a2999 : -22
37 : #1b2ba1 : -20
39 : #1d2daa : -18
41 : #1e30b3 : -16
43 : #2032bc : -14
45 : #2134c4 : -12
47 : #2337cd : -10
49 : #2439d6 : -8
51 : #293edb : -6
53 : #3246dc : -4
55 : #3b4ede : -2
57 : #4356df : ±0
59 : #4c5ee1 : +2
61 : #5565e2 : +4
63 : #5e6de4 : +6
65 : #6675e5 : +8
67 : #6f7de7 : +10
69 : #7885e8 : +12
71 : #818dea : +14
73 : #8995eb : +16
75 : #929ded : +18
77 : #9ba4ee : +20
79 : #a3acef : +22
81 : #acb4f1 : +24
83 : #b5bcf2 : +26
85 : #bec4f4 : +28
87 : #c6ccf5 : +30
89 : #cfd4f7 : +32
91 : #d8dcf8 : +34
93 : #e0e3fa : +36
95 : #e9ebfb : +38
97 : #f2f3fd : +40
99 : #fbfbfe : +42
CSS入門、作ってます。
text-shadow