#2332fe
RGB
赤 | 35 |
---|---|
緑 | 50 |
青 | 254 |
HSL
色相 | 236° |
---|---|
彩度 | 99% |
明度 | 57% |
輝度 | 27% |
3桁の色
補色
反転色
RGB ( 赤 = 35, 緑 = 50, 青 = 254 )
HSL ( 色相 = 236°, 彩度 = 99%, 明度 = 57% )
H : 色相 ( 236° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #fe3b25 : -230
16 : #fe5f25 : -220
26 : #fe8325 : -210
36 : #fea725 : -200
46 : #fecb25 : -190
56 : #feef25 : -180
66 : #e8fe25 : -170
76 : #c4fe25 : -160
86 : #a0fe25 : -150
96 : #7cfe25 : -140
106 : #57fe25 : -130
116 : #33fe25 : -120
126 : #25fe3b : -110
136 : #25fe5f : -100
146 : #25fe83 : -90
156 : #25fea7 : -80
166 : #25fecb : -70
176 : #25feef : -60
186 : #25e8fe : -50
196 : #25c4fe : -40
206 : #25a0fe : -30
216 : #257cfe : -20
226 : #2557fe : -10
236 : #2533fe : ±0
246 : #3b25fe : +10
256 : #5f25fe : +20
266 : #8325fe : +30
276 : #a725fe : +40
286 : #cb25fe : +50
296 : #ef25fe : +60
306 : #fe25e8 : +70
316 : #fe25c4 : +80
326 : #fe25a0 : +90
336 : #fe257c : +100
346 : #fe2557 : +110
356 : #fe2533 : +120
226 : #2557fe : -10
227 : #2554fe : -9
228 : #2550fe : -8
229 : #254dfe : -7
230 : #2549fe : -6
231 : #2545fe : -5
232 : #2542fe : -4
233 : #253efe : -3
234 : #253bfe : -2
235 : #2537fe : -1
236 : #2533fe : ±0
237 : #2530fe : +1
238 : #252cfe : +2
239 : #2528fe : +3
240 : #2525fe : +4
241 : #2825fe : +5
242 : #2c25fe : +6
243 : #3025fe : +7
244 : #3325fe : +8
245 : #3725fe : +9
246 : #3b25fe : +10
S : 彩度 ( 99% )
(0%) 渋い ~ 鮮やか (100%)
1 : #909092 : -98
3 : #8e8e95 : -96
5 : #8c8d97 : -94
7 : #8a8b99 : -92
9 : #87899b : -90
11 : #85879d : -88
13 : #8385a0 : -86
15 : #8183a2 : -84
17 : #7f81a4 : -82
19 : #7d7fa6 : -80
21 : #7a7da8 : -78
23 : #787bab : -76
25 : #767aad : -74
27 : #7478af : -72
29 : #7276b1 : -70
31 : #6f74b3 : -68
33 : #6d72b6 : -66
35 : #6b70b8 : -64
37 : #696eba : -62
39 : #676cbc : -60
41 : #646abe : -58
43 : #6268c0 : -56
45 : #6067c3 : -54
47 : #5e65c5 : -52
49 : #5c63c7 : -50
51 : #5961c9 : -48
53 : #575fcb : -46
55 : #555dce : -44
57 : #535bd0 : -42
59 : #5159d2 : -40
61 : #4e57d4 : -38
63 : #4c55d6 : -36
65 : #4a54d9 : -34
67 : #4852db : -32
69 : #4650dd : -30
71 : #434edf : -28
73 : #414ce1 : -26
75 : #3f4ae4 : -24
77 : #3d48e6 : -22
79 : #3b46e8 : -20
81 : #3944ea : -18
83 : #3642ec : -16
85 : #3441ef : -14
87 : #323ff1 : -12
89 : #303df3 : -10
91 : #2e3bf5 : -8
93 : #2b39f7 : -6
95 : #2937fa : -4
97 : #2735fc : -2
99 : #2533fe : ±0
L : 明度 ( 57% )
(0%) 暗い ~ 明るい (100%)
1 : #000005 : -56
3 : #00010f : -54
5 : #000219 : -52
7 : #000324 : -50
9 : #00032e : -48
11 : #000438 : -46
13 : #000542 : -44
15 : #00054c : -42
17 : #000656 : -40
19 : #000760 : -38
21 : #01086b : -36
23 : #010875 : -34
25 : #01097f : -32
27 : #010a89 : -30
29 : #010b93 : -28
31 : #010b9d : -26
33 : #010ca7 : -24
35 : #010db2 : -22
37 : #010dbc : -20
39 : #010ec6 : -18
41 : #010fd0 : -16
43 : #0110da : -14
45 : #0110e4 : -12
47 : #0111ef : -10
49 : #0112f9 : -8
51 : #0617fe : -6
53 : #1020fe : -4
55 : #1b2afe : -2
57 : #2533fe : ±0
59 : #2f3dfe : +2
61 : #3946fe : +4
63 : #4350fe : +6
65 : #4d59fe : +8
67 : #5863fe : +10
69 : #626cfe : +12
71 : #6c76fe : +14
73 : #767ffe : +16
75 : #8089fe : +18
77 : #8a92fe : +20
79 : #949cfe : +22
81 : #9fa5ff : +24
83 : #a9aeff : +26
85 : #b3b8ff : +28
87 : #bdc1ff : +30
89 : #c7cbff : +32
91 : #d1d4ff : +34
93 : #dbdeff : +36
95 : #e6e7ff : +38
97 : #f0f1ff : +40
99 : #fafaff : +42
CSS入門、作ってます。
text-shadow