#237baf
RGB
赤 | 35 |
---|---|
緑 | 123 |
青 | 175 |
HSL
色相 | 202° |
---|---|
彩度 | 67% |
明度 | 41% |
輝度 | 40% |
3桁の色
補色
反転色
RGB ( 赤 = 35, 緑 = 123, 青 = 175 )
HSL ( 色相 = 202°, 彩度 = 67%, 明度 = 41% )
H : 色相 ( 202° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #af2723 : -200
12 : #af3f23 : -190
22 : #af5623 : -180
32 : #af6d23 : -170
42 : #af8523 : -160
52 : #af9c23 : -150
62 : #aaaf23 : -140
72 : #93af23 : -130
82 : #7baf23 : -120
92 : #64af23 : -110
102 : #4daf23 : -100
112 : #35af23 : -90
122 : #23af27 : -80
132 : #23af3f : -70
142 : #23af56 : -60
152 : #23af6d : -50
162 : #23af85 : -40
172 : #23af9c : -30
182 : #23aaaf : -20
192 : #2393af : -10
202 : #237baf : ±0
212 : #2364af : +10
222 : #234daf : +20
232 : #2335af : +30
242 : #2723af : +40
252 : #3f23af : +50
262 : #5623af : +60
272 : #6d23af : +70
282 : #8523af : +80
292 : #9c23af : +90
302 : #af23aa : +100
312 : #af2393 : +110
322 : #af237b : +120
332 : #af2364 : +130
342 : #af234d : +140
352 : #af2335 : +150
192 : #2393af : -10
193 : #2390af : -9
194 : #238eaf : -8
195 : #238caf : -7
196 : #2389af : -6
197 : #2387af : -5
198 : #2385af : -4
199 : #2382af : -3
200 : #2380af : -2
201 : #237eaf : -1
202 : #237baf : ±0
203 : #2379af : +1
204 : #2377af : +2
205 : #2374af : +3
206 : #2372af : +4
207 : #2370af : +5
208 : #236daf : +6
209 : #236baf : +7
210 : #2369af : +8
211 : #2366af : +9
212 : #2364af : +10
S : 彩度 ( 67% )
(0%) 渋い ~ 鮮やか (100%)
1 : #68696a : -66
3 : #65696c : -64
5 : #636a6e : -62
7 : #616b70 : -60
9 : #5f6b72 : -58
11 : #5d6c74 : -56
13 : #5b6c76 : -54
15 : #596d78 : -52
17 : #576d7a : -50
19 : #556e7c : -48
21 : #536e7f : -46
23 : #516f81 : -44
25 : #4e7083 : -42
27 : #4c7085 : -40
29 : #4a7187 : -38
31 : #487189 : -36
33 : #46728b : -34
35 : #44728d : -32
37 : #42738f : -30
39 : #407391 : -28
41 : #3e7493 : -26
43 : #3c7596 : -24
45 : #3a7598 : -22
47 : #37769a : -20
49 : #35769c : -18
51 : #33779e : -16
53 : #3177a0 : -14
55 : #2f78a2 : -12
57 : #2d78a4 : -10
59 : #2b79a6 : -8
61 : #297aa8 : -6
63 : #277aaa : -4
65 : #257bad : -2
67 : #237baf : ±0
69 : #207cb1 : +2
71 : #1e7cb3 : +4
73 : #1c7db5 : +6
75 : #1a7db7 : +8
77 : #187eb9 : +10
79 : #167fbb : +12
81 : #147fbd : +14
83 : #1280bf : +16
85 : #1080c1 : +18
87 : #0e81c4 : +20
89 : #0c81c6 : +22
91 : #0982c8 : +24
93 : #0782ca : +26
95 : #0583cc : +28
97 : #0384ce : +30
99 : #0184d0 : +32
L : 明度 ( 41% )
(0%) 暗い ~ 明るい (100%)
1 : #010304 : -40
3 : #03090d : -38
5 : #040f15 : -36
7 : #06151e : -34
9 : #081b26 : -32
11 : #09212f : -30
13 : #0b2737 : -28
15 : #0d2d40 : -26
17 : #0e3348 : -24
19 : #103951 : -22
21 : #123f59 : -20
23 : #134562 : -18
25 : #154b6a : -16
27 : #175173 : -14
29 : #18577b : -12
31 : #1a5d84 : -10
33 : #1c638d : -8
35 : #1d6995 : -6
37 : #1f6f9e : -4
39 : #2175a6 : -2
41 : #237baf : ±0
43 : #2481b7 : +2
45 : #2687c0 : +4
47 : #288dc8 : +6
49 : #2993d1 : +8
51 : #2e98d6 : +10
53 : #379dd7 : +12
55 : #3fa1d9 : +14
57 : #48a5db : +16
59 : #50a9dc : +18
61 : #59adde : +20
63 : #61b2e0 : +22
65 : #6ab6e2 : +24
67 : #72bae3 : +26
69 : #7bbee5 : +28
71 : #84c2e7 : +30
73 : #8cc6e8 : +32
75 : #95cbea : +34
77 : #9dcfec : +36
79 : #a6d3ed : +38
81 : #aed7ef : +40
83 : #b7dbf1 : +42
85 : #bfe0f2 : +44
87 : #c8e4f4 : +46
89 : #d0e8f6 : +48
91 : #d9ecf7 : +50
93 : #e1f0f9 : +52
95 : #eaf5fb : +54
97 : #f2f9fc : +56
99 : #fbfdfe : +58
CSS入門、作ってます。
text-shadow