#238caf
RGB
| 赤 | 35 |
|---|---|
| 緑 | 140 |
| 青 | 175 |
HSL
| 色相 | 195° |
|---|---|
| 彩度 | 67% |
| 明度 | 41% |
| 輝度 | 44% |
３桁の色
補色
反転色
RGB ( 赤 = 35, 緑 = 140, 青 = 175 )
HSL ( 色相 = 195°, 彩度 = 67%, 明度 = 41% )
H : 色相 ( 195° )
(0°) 赤～黄～緑～青～紫 (359°)
5 : #af2e23 : -190
15 : #af4623 : -180
25 : #af5d23 : -170
35 : #af7423 : -160
45 : #af8c23 : -150
55 : #afa323 : -140
65 : #a3af23 : -130
75 : #8caf23 : -120
85 : #74af23 : -110
95 : #5daf23 : -100
105 : #46af23 : -90
115 : #2eaf23 : -80
125 : #23af2e : -70
135 : #23af46 : -60
145 : #23af5d : -50
155 : #23af74 : -40
165 : #23af8c : -30
175 : #23afa3 : -20
185 : #23a3af : -10
195 : #238caf : ±0
205 : #2374af : +10
215 : #235daf : +20
225 : #2346af : +30
235 : #232eaf : +40
245 : #2e23af : +50
255 : #4623af : +60
265 : #5d23af : +70
275 : #7423af : +80
285 : #8c23af : +90
295 : #a323af : +100
305 : #af23a3 : +110
315 : #af238c : +120
325 : #af2374 : +130
335 : #af235d : +140
345 : #af2346 : +150
355 : #af232e : +160
185 : #23a3af : -10
186 : #23a1af : -9
187 : #239eaf : -8
188 : #239caf : -7
189 : #239aaf : -6
190 : #2397af : -5
191 : #2395af : -4
192 : #2393af : -3
193 : #2390af : -2
194 : #238eaf : -1
195 : #238caf : ±0
196 : #2389af : +1
197 : #2387af : +2
198 : #2385af : +3
199 : #2382af : +4
200 : #2380af : +5
201 : #237eaf : +6
202 : #237baf : +7
203 : #2379af : +8
204 : #2377af : +9
205 : #2374af : +10
S : 彩度 ( 67% )
(0%) 渋い ～ 鮮やか (100%)
1 : #68696a : -66
3 : #656a6c : -64
5 : #636b6e : -62
7 : #616c70 : -60
9 : #5f6d72 : -58
11 : #5d6e74 : -56
13 : #5b6f76 : -54
15 : #597078 : -52
17 : #57717a : -50
19 : #55727c : -48
21 : #53747f : -46
23 : #517581 : -44
25 : #4e7683 : -42
27 : #4c7785 : -40
29 : #4a7887 : -38
31 : #487989 : -36
33 : #467a8b : -34
35 : #447b8d : -32
37 : #427c8f : -30
39 : #407d91 : -28
41 : #3e7e93 : -26
43 : #3c7f96 : -24
45 : #3a8098 : -22
47 : #37819a : -20
49 : #35829c : -18
51 : #33839e : -16
53 : #3184a0 : -14
55 : #2f85a2 : -12
57 : #2d86a4 : -10
59 : #2b87a6 : -8
61 : #2988a8 : -6
63 : #2789aa : -4
65 : #258bad : -2
67 : #238caf : ±0
69 : #208db1 : +2
71 : #1e8eb3 : +4
73 : #1c8fb5 : +6
75 : #1a90b7 : +8
77 : #1891b9 : +10
79 : #1692bb : +12
81 : #1493bd : +14
83 : #1294bf : +16
85 : #1095c1 : +18
87 : #0e96c4 : +20
89 : #0c97c6 : +22
91 : #0998c8 : +24
93 : #0799ca : +26
95 : #059acc : +28
97 : #039bce : +30
99 : #019cd0 : +32
L : 明度 ( 41% )
(0%) 暗い ～ 明るい (100%)
1 : #010304 : -40
3 : #030a0d : -38
5 : #041115 : -36
7 : #06181e : -34
9 : #081f26 : -32
11 : #09252f : -30
13 : #0b2c37 : -28
15 : #0d3340 : -26
17 : #0e3a48 : -24
19 : #104151 : -22
21 : #124759 : -20
23 : #134e62 : -18
25 : #15556a : -16
27 : #175c73 : -14
29 : #18637b : -12
31 : #1a6a84 : -10
33 : #1c708d : -8
35 : #1d7795 : -6
37 : #1f7e9e : -4
39 : #2185a6 : -2
41 : #238caf : ±0
43 : #2492b7 : +2
45 : #2699c0 : +4
47 : #28a0c8 : +6
49 : #29a7d1 : +8
51 : #2eacd6 : +10
53 : #37afd7 : +12
55 : #3fb3d9 : +14
57 : #48b6db : +16
59 : #50b9dc : +18
61 : #59bdde : +20
63 : #61c0e0 : +22
65 : #6ac4e2 : +24
67 : #72c7e3 : +26
69 : #7bcae5 : +28
71 : #84cee7 : +30
73 : #8cd1e8 : +32
75 : #95d5ea : +34
77 : #9dd8ec : +36
79 : #a6dbed : +38
81 : #aedfef : +40
83 : #b7e2f1 : +42
85 : #bfe6f2 : +44
87 : #c8e9f4 : +46
89 : #d0ecf6 : +48
91 : #d9f0f7 : +50
93 : #e1f3f9 : +52
95 : #eaf7fb : +54
97 : #f2fafc : +56
99 : #fbfdfe : +58
CSS入門、作ってます。
text-shadow