#425bcb
RGB
赤 | 66 |
---|---|
緑 | 91 |
青 | 203 |
HSL
色相 | 229° |
---|---|
彩度 | 57% |
明度 | 53% |
輝度 | 38% |
3桁の色
補色
反転色
RGB ( 赤 = 66, 緑 = 91, 青 = 203 )
HSL ( 色相 = 229°, 彩度 = 57%, 明度 = 53% )
H : 色相 ( 229° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #cb5743 : -220
19 : #cb6e43 : -210
29 : #cb8543 : -200
39 : #cb9c43 : -190
49 : #cbb243 : -180
59 : #cbc943 : -170
69 : #b7cb43 : -160
79 : #a0cb43 : -150
89 : #89cb43 : -140
99 : #73cb43 : -130
109 : #5ccb43 : -120
119 : #45cb43 : -110
129 : #43cb57 : -100
139 : #43cb6e : -90
149 : #43cb85 : -80
159 : #43cb9c : -70
169 : #43cbb2 : -60
179 : #43cbc9 : -50
189 : #43b7cb : -40
199 : #43a0cb : -30
209 : #4389cb : -20
219 : #4373cb : -10
229 : #435ccb : ±0
239 : #4345cb : +10
249 : #5743cb : +20
259 : #6e43cb : +30
269 : #8543cb : +40
279 : #9c43cb : +50
289 : #b243cb : +60
299 : #c943cb : +70
309 : #cb43b7 : +80
319 : #cb43a0 : +90
329 : #cb4389 : +100
339 : #cb4373 : +110
349 : #cb435c : +120
359 : #cb4345 : +130
219 : #4373cb : -10
220 : #4370cb : -9
221 : #436ecb : -8
222 : #436ccb : -7
223 : #436acb : -6
224 : #4367cb : -5
225 : #4365cb : -4
226 : #4363cb : -3
227 : #4360cb : -2
228 : #435ecb : -1
229 : #435ccb : ±0
230 : #435acb : +1
231 : #4357cb : +2
232 : #4355cb : +3
233 : #4353cb : +4
234 : #4350cb : +5
235 : #434ecb : +6
236 : #434ccb : +7
237 : #434acb : +8
238 : #4347cb : +9
239 : #4345cb : +10
S : 彩度 ( 57% )
(0%) 渋い ~ 鮮やか (100%)
1 : #868688 : -56
3 : #84858b : -54
5 : #81838d : -52
7 : #7f8290 : -50
9 : #7c8092 : -48
11 : #7a7f94 : -46
13 : #787d97 : -44
15 : #757c99 : -42
17 : #737a9c : -40
19 : #70799e : -38
21 : #6e77a0 : -36
23 : #6c76a3 : -34
25 : #6974a5 : -32
27 : #6773a8 : -30
29 : #6471aa : -28
31 : #6270ac : -26
33 : #606eaf : -24
35 : #5d6db1 : -22
37 : #5b6bb3 : -20
39 : #586ab6 : -18
41 : #5668b8 : -16
43 : #5467bb : -14
45 : #5165bd : -12
47 : #4f63bf : -10
49 : #4c62c2 : -8
51 : #4a60c4 : -6
53 : #485fc7 : -4
55 : #455dc9 : -2
57 : #435ccb : ±0
59 : #405ace : +2
61 : #3e59d0 : +4
63 : #3c57d3 : +6
65 : #3956d5 : +8
67 : #3754d7 : +10
69 : #3453da : +12
71 : #3251dc : +14
73 : #3050df : +16
75 : #2d4ee1 : +18
77 : #2b4de3 : +20
79 : #284be6 : +22
81 : #264ae8 : +24
83 : #2448eb : +26
85 : #2147ed : +28
87 : #1f45ef : +30
89 : #1c44f2 : +32
91 : #1a42f4 : +34
93 : #1841f7 : +36
95 : #153ff9 : +38
97 : #133efb : +40
99 : #103cfe : +42
L : 明度 ( 53% )
(0%) 暗い ~ 明るい (100%)
1 : #010204 : -52
3 : #03050c : -50
5 : #050814 : -48
7 : #080b1c : -46
9 : #0a0f24 : -44
11 : #0c122c : -42
13 : #0e1534 : -40
15 : #10183c : -38
17 : #131c44 : -36
19 : #151f4c : -34
21 : #172254 : -32
23 : #19255c : -30
25 : #1b2964 : -28
27 : #1e2c6c : -26
29 : #202f74 : -24
31 : #22337c : -22
33 : #243684 : -20
35 : #26398c : -18
37 : #293c94 : -16
39 : #2b409c : -14
41 : #2d43a4 : -12
43 : #2f46ac : -10
45 : #3149b4 : -8
47 : #344dbc : -6
49 : #3650c4 : -4
51 : #3b55c9 : -2
53 : #435ccb : ±0
55 : #4b63ce : +2
57 : #536ad0 : +4
59 : #5b71d2 : +6
61 : #6378d4 : +8
63 : #6b7fd6 : +10
65 : #7386d9 : +12
67 : #7b8cdb : +14
69 : #8393dd : +16
71 : #8b9adf : +18
73 : #93a1e1 : +20
75 : #9ba8e4 : +22
77 : #a3afe6 : +24
79 : #abb6e8 : +26
81 : #b3bdea : +28
83 : #bbc4ec : +30
85 : #c3cbef : +32
87 : #cbd2f1 : +34
89 : #d3d9f3 : +36
91 : #dbe0f5 : +38
93 : #e3e7f7 : +40
95 : #ebeefa : +42
97 : #f3f5fc : +44
99 : #fbfcfe : +46
CSS入門、作ってます。
text-shadow