#1826ec
RGB
赤 | 24 |
---|---|
緑 | 38 |
青 | 236 |
HSL
色相 | 236° |
---|---|
彩度 | 85% |
明度 | 51% |
輝度 | 22% |
3桁の色
補色
反転色
RGB ( 赤 = 24, 緑 = 38, 青 = 236 )
HSL ( 色相 = 236°, 彩度 = 85%, 明度 = 51% )
H : 色相 ( 236° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #ec2d18 : -230
16 : #ec5018 : -220
26 : #ec7418 : -210
36 : #ec9718 : -200
46 : #ecbb18 : -190
56 : #ecde18 : -180
66 : #d7ec18 : -170
76 : #b4ec18 : -160
86 : #90ec18 : -150
96 : #6dec18 : -140
106 : #49ec18 : -130
116 : #26ec18 : -120
126 : #18ec2d : -110
136 : #18ec50 : -100
146 : #18ec74 : -90
156 : #18ec97 : -80
166 : #18ecbb : -70
176 : #18ecde : -60
186 : #18d7ec : -50
196 : #18b4ec : -40
206 : #1890ec : -30
216 : #186dec : -20
226 : #1849ec : -10
236 : #1826ec : ±0
246 : #2d18ec : +10
256 : #5018ec : +20
266 : #7418ec : +30
276 : #9718ec : +40
286 : #bb18ec : +50
296 : #de18ec : +60
306 : #ec18d7 : +70
316 : #ec18b4 : +80
326 : #ec1890 : +90
336 : #ec186d : +100
346 : #ec1849 : +110
356 : #ec1826 : +120
226 : #1849ec : -10
227 : #1846ec : -9
228 : #1842ec : -8
229 : #183fec : -7
230 : #183bec : -6
231 : #1838ec : -5
232 : #1834ec : -4
233 : #1831ec : -3
234 : #182dec : -2
235 : #182aec : -1
236 : #1826ec : ±0
237 : #1822ec : +1
238 : #181fec : +2
239 : #181bec : +3
240 : #1818ec : +4
241 : #1b18ec : +5
242 : #1f18ec : +6
243 : #2218ec : +7
244 : #2618ec : +8
245 : #2a18ec : +9
246 : #2d18ec : +10
S : 彩度 ( 85% )
(0%) 渋い ~ 鮮やか (100%)
1 : #818183 : -84
3 : #7e7f86 : -82
5 : #7c7d88 : -80
7 : #797a8b : -78
9 : #77788d : -76
11 : #747690 : -74
13 : #727492 : -72
15 : #6f7295 : -70
17 : #6d7097 : -68
19 : #6a6d9a : -66
21 : #686b9c : -64
23 : #65699f : -62
25 : #6367a1 : -60
27 : #6065a4 : -58
29 : #5e63a6 : -56
31 : #5b60a9 : -54
33 : #595eab : -52
35 : #565cae : -50
37 : #545ab0 : -48
39 : #5158b3 : -46
41 : #4f56b5 : -44
43 : #4c53b8 : -42
45 : #4a51ba : -40
47 : #474fbd : -38
49 : #454dbf : -36
51 : #424bc2 : -34
53 : #4049c4 : -32
55 : #3d46c7 : -30
57 : #3b44c9 : -28
59 : #3842cc : -26
61 : #3640ce : -24
63 : #333ed1 : -22
65 : #313cd3 : -20
67 : #2e39d6 : -18
69 : #2c37d8 : -16
71 : #2935db : -14
73 : #2733dd : -12
75 : #2431e0 : -10
77 : #222fe2 : -8
79 : #1f2de5 : -6
81 : #1d2ae7 : -4
83 : #1a28ea : -2
85 : #1826ec : ±0
87 : #1524ef : +2
89 : #1322f1 : +4
91 : #1020f4 : +6
93 : #0e1df6 : +8
95 : #0b1bf9 : +10
97 : #0919fb : +12
99 : #0617fe : +14
L : 明度 ( 51% )
(0%) 暗い ~ 明るい (100%)
1 : #000105 : -50
3 : #01020e : -48
5 : #020318 : -46
7 : #030521 : -44
9 : #03062a : -42
11 : #040734 : -40
13 : #05093d : -38
15 : #060a47 : -36
17 : #070b50 : -34
19 : #070d5a : -32
21 : #080e63 : -30
23 : #090f6d : -28
25 : #0a1176 : -26
27 : #0a127f : -24
29 : #0b1389 : -22
31 : #0c1592 : -20
33 : #0d169c : -18
35 : #0d18a5 : -16
37 : #0e19af : -14
39 : #0f1ab8 : -12
41 : #101cc1 : -10
43 : #101dcb : -8
45 : #111ed4 : -6
47 : #1220de : -4
49 : #1321e7 : -2
51 : #1826ec : ±0
53 : #212fed : +2
55 : #2b38ee : +4
57 : #3441ef : +6
59 : #3e49ef : +8
61 : #4752f0 : +10
63 : #505bf1 : +12
65 : #5a64f2 : +14
67 : #636df2 : +16
69 : #6d76f3 : +18
71 : #767ff4 : +20
73 : #8087f5 : +22
75 : #8990f5 : +24
77 : #9299f6 : +26
79 : #9ca2f7 : +28
81 : #a5abf8 : +30
83 : #afb4f8 : +32
85 : #b8bdf9 : +34
87 : #c2c5fa : +36
89 : #cbcefb : +38
91 : #d5d7fc : +40
93 : #dee0fc : +42
95 : #e7e9fd : +44
97 : #f1f2fe : +46
99 : #fafbff : +48
CSS入門、作ってます。
text-shadow